@charset "UTF-8";

/*** 公共 开始***/

.p-channel .main-box {
    position: relative;
    // margin-top: -9.75em;
    padding: 3em 0 6em 0;
    z-index: 2;
}

@media (max-width:991.98px) {
    .p-channel .main-box {
        margin-top: 0rem;
        padding: 0rem !important;
        padding-bottom: 1rem !important;
    }
}


/*** 公共 结束***/

// 集团要闻 开始
.channel1 {
    // width: 90vw;
    // max-width: 1320px;
    // height: 100%;
    // margin: 0 auto;
    // position: relative;
    // display: block;
    // z-index: 5;
    // background-color: #fff;
    margin-top: 0em;
    margin-bottom: 1.5em;
    .global-inner {
        padding: 0em 0 2em;
        border-bottom: 1px solid #0b573e;
    }
    .boxs {
        height: 20.75em;
        display: flex;
        position: relative;
        justify-content: space-between;
        box-shadow: 0px 5px 15px 0px rgba(11, 2, 5, 0.15);
    }
    .bgk {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 18.5em;
        height: 7.75em;
        background: no-repeat center;
        background-size: cover;
    }
    .left {
        width: 31.5em;
        // width: 52.5%;
        max-width: 31.5em;
        height: 100%;
    }
    .channel1-swiper1 {
        // overflow: hidden;
        position: relative;
        background-color: #fff;
        box-shadow: 0px 10px 15px 0px rgba(11, 2, 5, 0.15);
        .item {
            background-color: #ffffff;
        }
        .slide-imgs {
            width: 31.5em;
            height: 20.75em;
            overflow: hidden;
        }
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .slide-bd {
            height: 13em;
            padding: 1.25em 1.25em 6em;
            background-color: #fff;
        }
        .channel1-btn {
            width: auto;
            height: 1em;
            font-size: .9em;
            right: 4.166em;
            bottom: 1.66em;
            left: inherit;
            color: #fff;
            text-align: inherit;
        }
        .channel1-btn-next,
        .channel1-btn-prev {
            top: inherit;
            bottom: 1em;
            width: 1.8em;
            height: 1.8em;
            border: 1px solid #fff;
            display: flex;
            -webkit-display: flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            .bi {
                top: 60%;
                width: .5em;
                height: 1em;
                color: #fff;
            }
        }
        .channel1-btn-next::after,
        .channel1-btn-prev::after {
            display: none;
        }
        .channel1-btn-next {
            right: 1em;
        }
        .channel1-btn-prev {
            left: inherit;
            right: 6.4em;
        }
    }
    .right {
        // width: 28.5em;
        width: 100%;
        overflow: hidden;
    }
    .channel1-swiper2 {
        width: 100%;
        .bd {
            padding: 3em;
        }
        .time {
            font-size: .7em;
            line-height: 1;
            color: #0b573e;
            margin-bottom: 1.357em;
        }
        .tit {
            height: 3em;
            font-size: 1.2em;
            line-height: 1.5em;
            color: #0b573e;
            margin-bottom: 1.166em;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        .doc {
            height: 6em;
            font-size: .8em;
            line-height: 1.5em;
            color: #333;
            display: -webkit-box;
            // -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden;
        }
        .more {
            font-size: .8em;
            line-height: 1;
            color: #0b573e;
            margin-top: 3.2em;
        }
    }
}

@media (max-width:991.98px) {
    .channel1 {
        width: 100%;
        margin: auto;
        .global-inner {
            padding-bottom: .6rem !important;
            border-bottom: 0;
        }
        .boxs {
            height: 100%;
            display: block;
            margin-top: .6rem;
        }
        .left {
            width: 100%;
            max-width: none;
        }
        .channel1-swiper1 {
            .slide-imgs {
                width: 100%;
                height: 4.4rem;
            }
        }
        .right {
            width: 100%;
        }
        .channel1-swiper2 {
            width: 100%;
            padding: 0;
            .bd {
                width: 100%;
                padding: .4rem .4rem 1.26rem;
            }
            .time {
                font-size: .28rem;
                line-height: 1;
            }
            .tit {
                font-size: .36rem;
                line-height: .5rem;
            }
            .doc {
                font-size: .3rem;
                line-height: .48rem;
                height: 2.4rem;
                -webkit-box-orient: inherit;
            }
            .channel1-btn2 {
                bottom: .4rem;
            }
            .swiper-pagination-bullet {
                width: .2rem;
                height: .2rem;
                border-radius: 50%;
                border: .03rem solid #0b573e;
                background-color: rgba(0, 0, 0, 0);
            }
            .swiper-pagination-bullet-active {
                background-color: #0b573e;
            }
        }
    }
}

.channel2 {
    margin-top: 0em;
    .news-list {
        // justify-content: space-between;
        // margin: 0 -.75em;
        .item {
            width: 31.66%;
            max-width: 31.66%;
            padding: 0em;
            margin: 0 .75em;
            margin-bottom: 2em;
            position: relative;
            background-color: #fff;
            box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
        }
        // .item::after {
        //     position: absolute;
        //     content: '';
        //     top: 0;
        //     right: 0;
        //     width: 1px;
        //     height: 100%;
        //     background-color: #e6e6e6;
        // }
        .item:nth-child(3n-2) {
            margin-left: 0;
        }
        .item:nth-child(3n) {
            margin-right: 0;
        }
        .box {
            width: 100%;
            height: 100%;
        }
        .imgs {
            width: 100%;
            height: 10.5em;
            overflow: hidden;
        }
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .bd {
            padding: .95em 1.25em 1.35em;
        }
        .doc {
            height: 3em;
            font-size: 1em;
            line-height: 1.5em;
            color: #333;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        .bd-box {
            margin-top: 3.7em;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .time {
            font-size: .7em;
            line-height: 1em;
            color: #0b573e;
            // margin-bottom: 1.42857em;
        }
        .more {
            font-size: .8em;
            line-height: 1;
            // margin-top: 2.375em;
            display: flex;
            align-items: center;
            color: #0b573e;
            .bi {
                width: .8em;
                height: .65em;
                margin-left: 5px;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel2 {
        margin-top: .6em;
        // .boxs {
        //     padding-top: .2rem;
        //     border-top: 1px solid #0b573e;
        // }
        .news-list {
            .item {
                width: 100%;
                max-width: none;
                margin: 0 !important;
                // padding: 0.6rem 0 .6rem 0;
                margin-bottom: 0.5rem !important;
                position: relative;
                background-color: #fff;
                border-bottom: 1px solid #e6e6e6;
            }
            .item:last-child {
                margin-bottom: 0rem;
            }
            .item::after {
                display: none;
            }
            .imgs {
                width: 100%;
                height: 4.4rem;
                overflow: hidden;
            }
            .bd {
                padding: 1em 1.25em;
            }
            .time {
                font-size: .28rem;
                line-height: .36rem;
                color: #0b573e;
                // margin-bottom: .32rem;
            }
            .doc {
                font-size: .32rem;
                line-height: .5rem;
                color: #333;
            }
            .more {
                font-size: .28rem;
                line-height: .28rem;
                // margin-top: .43rem;
                display: flex;
                align-items: center;
                color: #0b573e;
                .bi {
                    width: .34rem;
                    margin-left: .2rem;
                }
            }
        }
    }
}

// 集团要闻 结束
// 视频中心 开始
.channel3 {
    .boxs {
        height: 20em;
    }
    .left {
        width: 30.5em;
        max-width: 610px;
    }
    .channel1-swiper1 {
        .slide-imgs {
            width: 30.5em;
            height: 20em;
            overflow: hidden;
            position: relative;
        }
        .act-t {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%);
        }
        .act-h {
            display: none;
        }
    }
    .right {
        width: 100%;
        .channel1-swiper2 {
            width: 100%;
            height: 100%;
        }
    }
    .channel1-swiper2 {
        position: relative;
        // overflow: hidden;
        .bd {
            padding: 3em;
        }
        .tit {
            margin-bottom: .45rem;
        }
        // .swiper-button-next:after,
        // .swiper-container-rtl .swiper-button-prev:after {
        //     display: none;
        // }
        // .swiper-button-next{
        // }
        .channel1-btn2 {
            width: auto;
            height: 1em;
            font-size: .9em;
            left: 6.2em;
            bottom: 1.66em;
            color: #0b573e;
            text-align: inherit;
        }
        .channel1-btn2-next,
        .channel1-btn2-prev {
            top: inherit;
            bottom: 1em;
            width: 1.8em;
            height: 1.8em;
            border: 1px solid #0b573e;
            display: flex;
            -webkit-display: flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            .bi {
                top: 60%;
                width: .5em;
                height: 1em;
                color: #0b573e;
            }
        }
        .channel1-btn2-next::after,
        .channel1-btn2-prev::after {
            display: none;
        }
        .channel1-btn2-next {
            left: 8.4em;
        }
        .channel1-btn2-prev {
            left: 3em;
        }
    }
}

@media (max-width:991.98px) {
    .channel3 {
        .boxs {
            height: 100%;
        }
        .left {
            width: 100%;
            max-width: none;
        }
        .channel1-swiper1 {
            .slide-imgs {
                width: 100%;
                height: 4.4rem;
            }
            .image {
                width: 100%;
                height: 4.4rem;
            }
        }
        .right {
            width: 100%;
            .channel1-swiper2 {
                width: 100%;
                .bd {
                    padding: .4rem .4rem 1.75rem;
                }
            }
        }
        .channel1-swiper2 {
            .channel1-btn2 {
                left: 0;
                width: 100%;
                text-align: center;
            }
        }
    }
}

.channel4 {
    margin-top: 3em;
    margin-top: 0em !important;
    .news-list {
        margin: 0 -.75em;
        .item {
            padding: 0 .75em;
            margin-bottom: 1.5em;
            position: relative;
            background-color: #fff;
        }
        .box-box {
            width: 100%;
            height: 100%;
            // border: 1px solid #dcdcdc;
            box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
        }
        .box {
            width: 100%;
            height: 100%;
        }
        .imgs {
            width: 100%;
            height: 12.5em;
            overflow: hidden;
            position: relative;
        }
        .act-t {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%);
            transform: translate(-50%, -50%);
        }
        .act-h {
            display: none;
        }
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .bd {
            padding: .95em 1.25em 1.25em;
        }
        .tit {
            height: 1.5em;
            font-size: 1.2em;
            line-height: 1.5;
            color: #081f17;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            margin-bottom: 0.7em;
        }
        .text {
            height: 6em;
            font-size: .8em;
            line-height: 1.5em;
            color: #333;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden;
        }
        .time {
            font-size: .7em;
            line-height: 1em;
            color: #0b573e;
            margin-top: 1.5em;
        }
    }
}

@media (min-width:991.98px) {
    .channel4 {
        .news-list {
            .item:nth-last-child(1),
            .item:nth-last-child(2),
            .item:nth-last-child(3) {
                margin-bottom: 0;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel4 {
        margin-top: 0;
        .boxs {
            padding-top: .6rem;
            border-top: 1px solid #0b573e;
        }
        .news-list {
            margin: 0em;
            .item {
                padding: 0em;
                margin-bottom: .6rem;
                position: relative;
                background-color: #fff;
            }
            .item:last-child {
                margin-bottom: 0;
            }
            .box-box {
                width: 100%;
                height: 100%;
                border: 1px solid #e6e6e6;
            }
            .imgs {
                width: 100%;
                height: 4.4rem;
                overflow: hidden;
                position: relative;
            }
            .act-t {
                position: absolute;
                top: 50%;
                left: 50%;
                // transform: translateX(-50%);
            }
            .act-h {
                display: none;
            }
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .bd {
                padding: .33rem .4rem .4rem;
            }
            .tit {
                font-size: .36rem;
                line-height: .5rem;
                color: #333;
            }
            .text {
                height: auto;
                font-size: .3rem;
                line-height: .5rem;
                color: #333;
            }
            .time {
                font-size: .28rem;
                line-height: .28rem;
                margin-top: .5rem;
            }
        }
    }
}


/**** video ***/

.video-box {
    position: relative;
}

.video-box .adjust {
    width: 100%;
    max-width: 100%;
    display: block;
    opacity: 0;
}

.video-js {
    width: 100% !important;
    height: 100% !important;
    display: block;
    overflow: hidden;
    background-color: #000;
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: 20;
}

.video-js:hover .vjs-big-play-button {
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
}

.video-js .vjs-big-play-button {
    width: 70px;
    height: 70px;
    border: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: none;
    border: none;
    border-radius: 100%;
    z-index: 50;
    opacity: 0.5;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    margin: 0;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder {
    width: 100%;
    height: 100%;
    display: block;
    background: url("/img/images/video-play.png") no-repeat center center transparent;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border: none;
    z-index: 50;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    display: none;
}

.video-js .vjs-poster {
    background-size: cover;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.video-js .vjs-subs-caps-button {
    display: none !important;
}

.video-js .vjs-button>.vjs-icon-placeholder:before {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

@media (max-width: 1199.98px) {
    .video-js .vjs-big-play-button {
        width: 0.6rem;
        height: 0.6rem;
    }
}


/*** modal-video 视频弹窗***/

.modal-video {
    background: rgba(0, 0, 0, 0.8);
}

.modal-video .modal-close {
    width: 30px;
    height: 30px;
    background: url("/img/images/close2.png") no-repeat center center;
    background-size: 14px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    transform: translate(25px, 0);
    -webkit-transform: translate(25px, 0);
    border: solid 1px #fff;
    border-radius: 0;
}

.modal-video .modal-dialog {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1060;
}

.modal-video .modal-content {
    width: 800px;
    max-width: 80%;
    margin: 0 auto;
    padding: 0;
    background: transparent;
}

@media screen and (max-width: 767.98px) {
    .modal-video .modal-content {
        width: 100%;
        max-width: 100%;
        padding: 0 0.3rem;
    }
    .modal-video .modal-close {
        top: auto;
        left: auto;
        bottom: 100%;
        right: 0.3rem;
        transform: translate(0, -0.5rem);
        -webkit-transform: translate(0, -0.5rem);
        z-index: 1100;
    }
}


/*** modal-video ***/

// 视频中心 结束
//  信息公告页 开始
.channel5 {
    margin-top: 0em;
    .item {
        position: relative;
        padding: 1.7em 2em 1.7em 3.5em;
        border-bottom: 1px solid #dcdcdc;
    }
    .bgk {
        position: absolute;
        top: 0;
        right: 0;
        width: 16.6em;
        height: 5.2em;
        background: no-repeat center;
        background-size: cover;
    }
    .box {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .box::before {
        position: absolute;
        content: '';
        width: 1em;
        height: 1em;
        top: 50%;
        left: -1.5em;
        transform: translateY(-50%);
        background: no-repeat center;
        background-size: cover;
        background-image: url(/img/images/bao1.svg);
    }
    .tit {
        width: 80%;
        font-size: 1em;
        line-height: 1.5em;
        color: #333;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .time {
        font-size: .7em;
        line-height: 1;
        color: #0b573e;
    }
}

@media (max-width:991.98px) {
    .channel5 {
        margin-top: .2rem;
        .item {
            padding: .6rem 0 .3rem 0;
        }
        .box {
            display: block;
            padding-left: .5rem;
        }
        .box::before {
            position: absolute;
            content: '';
            width: .3rem;
            height: .3rem;
            top: 17%;
            left: 0;
            transform: translateY(-50%);
        }
        .tit {
            width: 100%;
            font-size: .36rem;
            line-height: .48rem;
            -webkit-box-orient: inherit;
        }
        .time {
            font-size: .28rem;
            line-height: .28rem;
            margin-top: .4rem;
        }
    }
}

// hover效果
@media (min-width:1000px) {
    .channel1 {
        .channel1-btn-next:hover,
        .channel1-btn-prev:hover {
            background-color: rgba(11, 87, 62, .5);
        }
        .swiper-button-disabled:hover {
            background-color: rgba(0, 0, 0, 0);
        }
    }
    .channel2 .item:hover {
        z-index: 3;
        border-right: 0px solid #e6e6e6;
        box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
        .item::after {
            display: none;
        }
    }
    .channel3 {
        .channel1-swiper1 {
            .slide-imgs:hover {
                .act-h {
                    display: block;
                }
            }
            .channel1-btn {
                right: -8.3em;
                color: #0b573e;
            }
            .channel1-btn-next,
            .channel1-btn-prev {
                border: 1px solid #0b573e;
                .bi {
                    color: #0b573e;
                }
            }
            .channel1-btn-prev {
                right: -4.8em;
            }
            .channel1-btn-next {
                right: -10.2em;
            }
        }
    }
    .channel4 .news-list .item:hover {
        .box-box {
            box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
        }
        .act-h {
            display: block;
        }
    }
    .channel5 .item:hover {
        background-image: linear-gradient(0deg, rgba(40, 106, 104, 0.5) 0%, rgba(76, 175, 121, 0.5) 100%), linear-gradient( #0b573e, #0b573e);
        background-blend-mode: normal, normal;
        box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
        .box::before {
            background-image: url(/img/images/bao1-f.svg);
        }
    }
    .channel5 .item:hover .tit,
    .channel5 .item:hover .time {
        color: #fff;
    }
    .channel1 .channel1-swiper1 .image,
    .channel4 .item .image,
    .channel2 .item .image {
        transition: .3s;
        -webkit-transition: .3s;
    }
    .channel1 .channel1-swiper1:hover .image,
    .channel4 .item:hover .image,
    .channel2 .item:hover .image {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transition: .3s;
        -webkit-transition: .3s;
    }
}

//  信息公告页 结束
//  城发第二批页面 2022.09.15 开始
//  业务板块 开始
.public-bgk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30em;
    background-color: #f2f2f2;
    z-index: -1;
}

@media (max-width:991.98px) {
    .public-bgk {
        width: 100%;
        height: 6.8rem;
    }
}

.public-heading {
    padding-bottom: 1.5em;
    .tit {
        font-size: 1.8em;
        line-height: 1;
        color: #c9601a;
    }
}

@media (max-width:991.98px) {
    .public-heading {
        padding-bottom: .47rem;
        .tit {
            font-size: .48rem;
            line-height: 1;
        }
    }
}

.public-channel1 {
    .doc {
        font-size: .8em;
        line-height: 1.75em;
        color: #333;
        p {
            margin-top: 1.125em;
        }
        p:first-child {
            margin-top: 0;
        }
    }
    .imgs {
        width: 100%;
        height: 22em;
        margin-top: 2.15em;
    }
    .image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width:991.98px) {
    .public-channel1 {
        .doc {
            font-size: .3rem;
            line-height: .48rem;
            p {
                margin-top: .3rem;
            }
        }
        .imgs {
            width: 100%;
            height: 3.8rem;
            margin-top: .47rem;
        }
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.public-channel2 {
    margin-top: 2.5em;
    .boxs {
        padding: 2em 2em 2.5em;
        background-color: #f7f7f7;
    }
    .top {
        margin-bottom: 1.5em;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        .tit {
            font-size: 1.2em;
            line-height: 1;
            color: #333;
        }
        .more {
            display: flex;
            align-items: center;
        }
        .doc {
            font-size: .8em;
            line-height: 1;
            color: #0b573e;
        }
        .bi {
            width: 15px;
            height: 16px;
            margin-left: .65em;
        }
    }
    .end {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        .list {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
        }
        .list:first-child {
            padding-right: 0em;
        }
        .list.hidden-lg-down {
            padding-left: 1em;
        }
        .item {
            width: 48.21428571428571%;
            padding: 1.4em 0;
            border-top: 1px solid rgba(153, 153, 153, .3);
        }
        .item:nth-last-child(2),
        .item:last-child {
            padding-bottom: 0;
        }
        .box {
            max-height: 2.4em;
            display: flex;
            display: -webkit-flex;
        }
        .left {
            width: 13.889%;
            max-width: 3.75em;
            color: #0b573e;
            text-align: center;
            padding-right: .6em;
            margin-right: 1em;
            font-weight: bold;
            position: relative;
        }
        .left::after {
            position: absolute;
            content: '';
            right: 0;
            top: 0;
            width: 1px;
            height: 2.4em;
            background-color: #999999;
        }
        .day {
            font-size: 1.8em;
            line-height: .8;
            font-family: Arial;
        }
        .days {
            font-size: .8em;
            line-height: .8;
            margin-top: .45em;
            white-space: nowrap;
            font-family: Arial;
        }
        .right {
            width: 86.111%;
            max-width: 19.25em;
        }
        .doc {
            height: 4em;
            font-size: .8em;
            line-height: 2;
            color: #333;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            margin-top: -.6em;
        }
    }
}

@media (max-width:991.98px) {
    .public-channel2 {
        margin-top: .5rem;
        .boxs {
            padding: .4rem .55rem .7rem .4rem;
        }
        .top {
            margin-bottom: .5rem;
            .tit {
                font-size: .36rem;
                line-height: 1;
            }
        }
        .end {
            display: block;
            .list {
                width: 100%;
                max-width: none;
                padding: .2rem 0 .25rem;
                border-bottom: 1px solid rgba(153, 153, 153, 0.3);
                border-top: 1px solid rgba(153, 153, 153, 0.3);
            }
            .list:first-child {
                padding-right: 0em;
            }
            .item {
                width: 100%;
                padding: .25rem 0;
                // border-top: 0;
            }
            .item:first-child {
                padding-top: 0;
                border-top: 0;
            }
            .item:nth-last-child(2) {
                padding-bottom: .25rem;
            }
            .item:last-child {
                padding-bottom: 0;
            }
            .box {
                max-height: none;
                display: flex;
                display: -webkit-flex;
            }
            .left {
                display: none;
            }
            .right {
                width: 100%;
                max-width: none;
            }
            .doc {
                height: auto;
                font-size: .3rem;
                line-height: .48rem;
                margin-top: 0;
            }
            .time {
                font-size: .28rem;
                line-height: .3rem;
                color: #0b573e;
                margin-top: .21rem;
            }
            .more {
                margin-top: .5rem;
                display: flex;
                align-items: center;
                .doc {
                    font-size: .3rem;
                    line-height: 1;
                    color: #0b573e;
                }
            }
            .bi {
                width: .33rem;
                height: .32rem;
                margin-left: .2rem;
            }
        }
    }
}

.public-channel3 {
    margin-top: 2.5em;
    margin-bottom: .2em;
    .boxs {
        overflow: hidden;
    }
    .top {
        margin-bottom: 1.5em;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        .tit {
            font-size: 1.2em;
            line-height: 1;
            color: #333;
        }
    }
    .imgs {
        width: 100%;
        height: 11em;
        overflow: hidden;
    }
    .image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        -webkit-object-fit: cover;
        object-position: center center;
    }
    .bd {
        padding-top: .6em;
    }
    .tit {
        font-size: .9em;
        line-height: 1.667;
        color: #0b573e;
        font-weight: bold;
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: 54%;
    }
}

.public-channel3-splical {
    .swiper-button-next:after,
    .swiper-button-prev:after {
        content: '';
    }
    // .swiper-button-next,
    // .swiper-container-rtl .swiper-button-prev,
    // .swiper-button-prev,
    // .swiper-container-rtl .swiper-button-next {
    //     transform: translateY(-35%);
    // }
    .bi {
        width: 17px;
        height: 33px;
        color: #fff;
        filter: drop-shadow(0px 2px 0.5px #000);
        opacity: .8;
    }
}

@media (max-width: 991.98px) {
    .public-channel3 {
        margin-top: .6rem;
        padding-bottom: .23rem;
        .boxs {
            overflow: hidden;
        }
        .top {
            margin-bottom: .3rem;
            .tit {
                font-size: .36rem;
                line-height: 1;
            }
        }
        .public-channel3-swiper {
            height: 4.5rem;
        }
        .imgs {
            width: 100%;
            height: 3.8rem;
            overflow: hidden;
        }
        .bd {
            padding-top: .3rem;
        }
        .tit {
            font-size: .3rem;
            line-height: .46rem;
            text-align: center;
        }
        // .swiper-btn {
        //     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
        //     border: solid 2px #ffffff;
        // }
        .swiper-pagination-bullet {
            width: .14rem;
            height: .14rem;
            opacity: 0.6;
            margin: 0 .1rem !important;
            border: solid 1px #0b573e;
            background-color: rgba(0, 0, 0, 0);
        }
        .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: #0b573e;
        }
        .swiper-pagination {
            bottom: -.44rem;
        }
    }
}

.public-channel4 {
    .top {
        .tit {
            font-weight: normal;
        }
        .tit:first-child {
            width: 65%;
        }
        .tit:last-child {
            width: 32.33%;
        }
    }
    .end {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .public-channel4-swiper {
        width: 65%;
        // max-width: 39em;
        overflow: hidden;
        position: relative;
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: 40%;
    }
    .right {
        width: 32.33%;
        // max-width: 19.4rem;
        position: relative;
        .image {
            width: 100%;
            height: 11em;
            background: no-repeat center;
            background-size: cover;
        }
        .list {
            position: absolute;
            top: 2em;
            left: 1.5em;
        }
        .box {
            width: max-content;
            height: 1.5em;
            color: #376052;
            background-color: #fffbe1;
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            align-items: center;
            border-radius: 15px;
            padding-top: 0;
            padding: 0 .85em;
            margin-bottom: .75em;
            transition: .5s;
            -webkit-transition: .5s;
        }
        .tit {
            font-size: .7em;
            line-height: 2.1;
            color: #376052;
            padding-right: 1.428578em;
            font-weight: normal;
        }
        .bi {
            width: 15px;
            height: 16px;
            // margin-left: .8em;
            filter: invert(1);
        }
    }
}

@media (max-width: 1200px) {
    .public-channel4 {
        .right {
            .list {
                left: 1em;
            }
            .box {
                padding: 0 0.4em;
            }
            .tit {
                font-size: .4em;
            }
        }
    }
}

@media (max-width: 1070px) {
    .public-channel4 {
        .right {
            .box {
                padding: 0 0.2em;
            }
            .tit {
                font-size: 4px;
            }
        }
    }
}

@media (max-width: 991.98px) {
    .public-channel4 {
        .top {
            .tit:last-child {
                width: auto;
            }
        }
        .public-channel4-swiper {
            width: 100%;
            height: auto;
            max-width: none;
            overflow: inherit;
            position: inherit;
        }
        .right {
            width: 100%;
            max-width: none;
            margin-bottom: .6rem;
            .image {
                height: 4.5rem;
            }
            .box {
                height: .55rem;
                padding: 0 .3rem;
                margin-bottom: .3rem;
            }
            .list {
                top: .7rem;
                left: .3rem;
            }
            .title {
                font-size: .36rem;
                line-height: 1;
                margin-bottom: .4rem;
                color: #fffbe1;
            }
            .tit {
                font-size: .26rem;
                line-height: .56rem;
                font-weight: normal;
                padding-right: .38rem;
            }
        }
        .end {
            flex-direction: column-reverse;
        }
    }
}

.public-channel5 {
    margin-bottom: 0;
    .end {
        .list {
            margin: 0 -.75em;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
        }
        .item {
            width: 29.35em;
            width: 50%;
            padding: 0 .75em;
        }
        .box {
            position: relative;
            display: block;
        }
        .bgk {
            width: 100%;
            height: 11em;
            background: no-repeat center;
            background-size: cover;
        }
        .bd {
            position: absolute;
            top: 3.5em;
            left: 2.5em;
        }
        .tit {
            font-size: 1.2rem;
            line-height: 1;
            color: #fffbe1;
            font-weight: normal;
        }
        .more {
            width: max-content;
            height: 1.5em;
            padding: 0 0.85em;
            margin-top: 1em;
            border-radius: 15px;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            background-color: #fffbe1;
            transition: .5s;
            -webkit-transition: .5s;
        }
        .doc {
            font-size: .7em;
            line-height: 2.571;
            padding-right: 1.428578em;
            color: #376052;
        }
        .bi {
            width: 15px;
            height: 16px;
            // margin-left: .7em;
            color: #376052;
        }
        .item:last-child {
            .tit {
                color: #fff;
            }
        }
    }
}

@media (max-width: 991.98px) {
    .public-channel5 {
        .end {
            .list {
                margin: 0;
                display: block;
            }
            .item {
                width: 100%;
                padding: 0;
                margin-top: .3rem;
            }
            .item:first-child {
                margin-top: 0;
            }
            .box {
                position: relative;
                display: block;
            }
            .bgk {
                width: 100%;
                height: 11em;
                background: no-repeat center;
                background-size: cover;
            }
            .bd {
                position: absolute;
                top: .7rem;
                left: .5rem;
                padding-top: 0;
            }
            .tit {
                font-size: 1.2rem;
                line-height: 1;
                color: #fffbe1;
                font-weight: normal;
            }
            .more {
                height: .55rem;
                padding: 0 0.3rem;
                margin-top: .4rem;
                border-radius: 15px;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                background-color: #fffbe1;
            }
            .doc {
                font-size: .28rem;
                line-height: .56rem;
                padding-right: .37rem;
                color: #376052;
            }
            .bi {
                width: 15px;
                height: 16px;
                color: #376052;
                transition: .5s;
                -webkit-transition: .5s;
            }
            .list:last-child {
                .tit {
                    font-size: .36rem;
                    line-height: 1;
                    color: #fff;
                    text-align: left;
                }
            }
        }
    }
}

.n-bgk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat;
}

@media (min-width: 991.98px) {
    .p-ywbk-index .main-box {
        padding: 4.25em 0 0;
        margin-top: -4.5em;
        .n-bgk {
            display: none;
        }
    }
    .p-ywbk-index {
        .inside-topbox,
        .crumbs-new {
            display: none;
        }
        .public-heading-n {
            margin-bottom: 2em;
            .tit {
                color: #fff;
                padding-bottom: 0;
            }
            .tit::after {
                display: none;
            }
        }
    }
}

@media (max-width: 991.98px) {
    .p-ywbk-index .main-box {
        padding: .8rem 0 .9rem;
    }
    .p-ywbk-index .crumbs-new {
        display: none;
    }
}

.channel6 {
    width: 100%;
    height: 100VH;
    padding-top: 11em;
    // background-color: #2b4f48;
    position: relative;
    .ywbk-swiper {
        overflow: hidden;
        box-shadow: 0px 20px 50px 0px rgba(0, 31, 21, 0.7);
    }
    .bgk {
        position: absolute;
        top: 0;
        left: 0;
        // width: 100%;
        // height: 100%;
        width: 100VW;
        height: 100VH;
        background: no-repeat center;
        background-size: cover;
        z-index: -1;
    }
    .box {
        display: flex;
    }
    .bd {
        position: relative;
        width: 65%;
        padding: 8.3em 3.5em 0;
        background-color: #fff;
    }
    .n-bgk1 {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 16em;
        height: 15em;
        background: no-repeat center;
        background-size: cover;
    }
    .imgs {
        width: 35%;
        height: 30em;
        overflow: hidden;
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .tit {
        font-size: 2.2em;
        line-height: 1;
        color: #333;
        padding-bottom: .75em;
        position: relative;
    }
    .tit::after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 50px;
        height: 5px;
        background-color: #0b573e;
    }
    .doc {
        height: 7em;
        font-size: .8em;
        line-height: 1.75;
        color: #333;
        margin-top: 1.625em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    .more {
        width: 9em;
        height: 2.5em;
        border-radius: 1.15em;
        margin-top: 1.3em;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #0b573e;
        a {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .7em;
            color: #fff;
        }
    }
    .ywbk-btn {
        width: 2em;
        height: 2em;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 1px solid #fff;
    }
    .bi {
        width: 16px;
        height: 15px;
        color: #fff;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
        content: '';
    }
    .ywbk-swiper-next {
        right: -3.5em;
        top: 38%;
    }
    .ywbk-swiper-prev {
        left: -3.5em;
        top: 38%;
    }
}

@media (max-width: 991.98px) {
    .channel6 {
        height: auto;
        padding-top: 0;
        .box {
            margin-top: .5rem;
            display: block;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
        }
        .box:first-child {
            margin-top: 0;
        }
        .imgs {
            width: 100%;
            height: 3.2rem;
        }
        .bd {
            width: 100%;
            padding: .48rem .5rem .7rem;
        }
        .tit {
            font-size: .36rem;
            line-height: .6rem;
            padding-bottom: .32rem;
        }
        .tit::after {
            position: absolute;
            content: '';
            bottom: 0;
            left: 0;
            width: .8rem;
            height: .04rem;
            background-color: #0b573e;
        }
        .doc {
            height: auto;
            font-size: .3rem;
            line-height: .4rem;
            margin-top: .34rem;
        }
        .more {
            width: 2.4rem;
            height: .72rem;
            border-radius: .36rem;
            margin: 0 auto;
            margin-top: .5rem;
            a {
                font-size: .3rem;
                line-height: 1;
            }
        }
    }
}

.public-channel7 {
    margin-top: 1.5em;
    margin-bottom: 0;
    .end {
        .item {
            width: 33.33%;
            padding: auto;
        }
        .item:nth-child(2) {
            .tit {
                color: #fff;
            }
        }
        .item:last-child {
            .tit {
                color: #333;
            }
        }
        .bd {
            padding-top: 0;
        }
    }
}

@media (max-width:991.98px) {
    .public-channel7 {
        .end {
            .item {
                width: 100%;
                padding: 0;
            }
        }
    }
}

.p-bandel .main-box .public-bgk {
    top: inherit;
    bottom: 0;
}

.channel8 {
    .box {
        position: relative;
    }
    .imgs {
        width: 100%;
        height: 22em;
        z-index: -1;
    }
    .image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .bd {
        position: absolute;
        top: 3.5em;
        left: 3.5em;
    }
    .boxs {
        display: flex;
    }
    .tit {
        font-size: 1.8em;
        color: #fff;
    }
    .list-box {
        margin-top: 2em;
        display: flex;
    }
    .item-slide {
        width: auto;
    }
    .list {
        padding-left: .5em;
        padding-bottom: 2px;
        margin-right: 3em;
        border-left: 1px solid rgba(201, 96, 26, 0.4);
    }
    .list:last-child {
        margin-right: 0em;
    }
    .item {
        color: #fff;
        margin-top: 1.25em;
    }
    .item:first-child {
        margin-top: 0;
    }
    .time,
    .doc {
        font-size: .7em;
    }
    .time {
        font-weight: bold;
    }
    .doc {
        margin-top: .56em;
    }
}

@media (max-width:991.98px) {
    .channel8 {
        .box {
            position: relative;
        }
        .channel8-swiper {
            height: auto;
            .swiper-wrapper {
                display: flex;
            }
        }
        .imgs {
            width: 100%;
            height: 7.95rem;
            z-index: -1;
        }
        .bd {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
            padding: .7rem 0 0 .5rem;
        }
        .boxs {
            display: flex;
        }
        .tit {
            font-size: .36rem;
            line-height: 1;
        }
        .list-box {
            margin-top: .52rem;
            display: flex;
        }
        .item-slide {
            width: auto;
        }
        .list {
            padding-left: .2rem;
            padding-bottom: 2px;
            margin-right: 1.05rem;
            border-left: 1px solid #c9601a;
        }
        .list:last-child {
            margin-right: 0em;
        }
        .item {
            color: #fff;
            margin-top: .45rem;
        }
        .item:first-child {
            margin-top: 0;
        }
        .time,
        .doc {
            font-size: .28rem;
        }
        .doc {
            margin-top: .1rem;
        }
        .swiper-pagination {
            bottom: -.66rem;
        }
        .swiper-pagination-bullet {
            width: .14rem;
            height: .14rem;
            border: solid 1px #ffffff;
            opacity: 0.6;
            background-color: rgba(0, 0, 0, 0);
        }
        .swiper-pagination-bullet-active {
            background-color: #fff;
            opacity: 1;
        }
    }
}

.channel9 {
    .top {
        .tit {
            color: #c9601a;
            font-weight: bold;
        }
    }
    .tit {
        color: #333;
        font-weight: normal;
    }
}

.public-heading-1 {
    padding-bottom: 2.5em;
    .tit {
        font-size: 1.8em;
        line-height: 1;
        color: #333;
    }
}

@media (max-width:991.98px) {
    .public-heading-1 {
        padding-bottom: .47rem;
        .tit {
            font-size: .48rem;
            line-height: 1;
        }
    }
}

// 业务板块结束
// hover效果 开始
@media (min-width:991.98px) {
    .public-channel3 {
        .end {
            .more:hover {
                padding-left: 1.8em;
                transition: .5s;
                -webkit-transition: .5s;
            }
        }
    }
    .public-channel4 {
        .end {
            .box:hover {
                padding-left: 1.8em;
                transition: .5s;
                -webkit-transition: .5s;
            }
        }
    }
    .channel27 .pipedel-swiper2 .imgs,
    .swiper3 .pipedel-swiper2 .swiper-slide .imgs:hover,
    .channel31 .list .item:hover,
    .pop-roomlist .boxs .roomintord-swiper4 .imgs:hover,
    .channel26 .item .btn-box .condition:hover,
    .pop-pipe-close:hover,
    .channel25 .lefts .roomintord-swiper2 .imgs:hover,
    .channel25 .rights .order .look:hover,
    #applyBydate:hover,
    #applyBydate1:hover,
    #applyClassify:hover,
    .channel27 .pipedel-swiper1 .video-slide:hover,
    .channel27 .end .visit .right:hover,
    .pop-roomlist1-close:hover,
    .channel24 .item .btn-box .look:hover,
    .channel24 .item .imgs:hover,
    .channel21 .lefts .list .item:hover,
    .channel18 .pipe-pos:hover,
    .pop-projec-close:hover,
    .pop-roomlist-close:hover,
    .pop-close:hover {
        cursor: pointer;
    }
    .channel18 .message .more .more-box:hover {
        transform: translateX(.5em);
        transition: .3s;
        -webkit-transition: .3s;
    }
    .channel27 .pipedel-swiper1 .imgs:hover {
        .act-h {
            display: block;
        }
    }
    .channel21 .lefts .list .item:hover .doc,
    .channel21 .lefts .list .item:hover .bi, // .channel20 .rights .top1 .more:hover .doc,
    // .channel20 .rights .top1 .more:hover .bi,
    .channel4 .news-list .item:hover .tit,
    .lefts-heading a:hover,
    .lefts-heading a:hover .bi,
    .channel20 .lefts .end .item:hover .tit, // .channel20 .rights .item:hover .doc,
    .channel2 .news-list .item:hover .doc,
    .public-channel2 .end .item:hover .doc {
        color: #0b573e;
    }
    .channel24 .item .bd .room:hover,
    .add-gl-swiper-prev:hover,
    .add-gl-swiper-next:hover {
        border: solid 1px #0b573e;
        background-color: #0b573e;
        .bi {
            color: #fff !important;
        }
    }
    .channel24 .item .bd .room:hover .docx {
        color: #fff;
    }
}

// hover效果 结束
.public-heading-2 {
    width: max-content;
    padding-bottom: .5em;
    border-bottom: 1px solid #c9601a;
    .tit {
        font-size: 1.6em;
        color: #c9601a;
    }
}

@media (max-width:991.98px) {
    .public-heading-2 {
        width: max-content;
        padding-bottom: .1rem;
        border-bottom: 1px solid #c9601a;
        .tit {
            font-size: .36rem;
            line-height: 1;
            color: #c9601a;
        }
    }
}

.channel10 {
    margin-top: 5.35em;
    .doc {
        margin-top: 1.2em;
        p {
            font-size: .8em;
            line-height: 1.75;
            color: #333;
        }
    }
    .imgs {
        margin-top: 1.75em;
        width: 100%;
        height: 100%;
        overflow: hidden;
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

@media (max-width:991.98px) {
    .channel10 {
        margin-top: .78rem;
        .doc {
            margin-top: .38rem;
            p {
                font-size: .34rem;
                line-height: .58rem;
            }
        }
        .imgs {
            margin-top: .42rem;
            width: 100%;
            height: 100%;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
}

.p-wisdomdel .channel13 {
    margin-top: 0 !important;
}

.channel11 {
    margin-top: 5em;
    .box {
        display: flex;
        overflow: hidden;
        .left {
            padding-right: 1.5em;
        }
        .imgs {
            margin-top: .45em;
        }
        .right {
            padding-left: 1em;
            .imgs {
                margin-top: 2em;
            }
        }
        .left,
        .right {
            width: 50%;
        }
    }
    .doc {
        margin-top: 1.2em;
        p {
            font-size: .8em;
            line-height: 1.75;
            color: #333;
        }
    }
    .imgs {
        width: 100%;
        height: auto;
        overflow: hidden;
        .image {
            width: auto;
            height: 100%;
            object-fit: cover;
        }
    }
}

@media (max-width:991.98px) {
    .channel11 {
        margin-top: .78rem;
        .box {
            display: block;
            .left {
                padding-right: 0;
            }
            .imgs {
                margin-top: 0;
            }
            .right {
                margin-top: .8rem;
                padding-left: 0;
                .imgs {
                    margin-top: .41rem;
                }
            }
            .left,
            .right {
                width: 100%;
            }
        }
        .doc {
            margin-top: .38rem;
            p {
                font-size: .34rem;
                line-height: .48rem;
            }
        }
        .imgs {
            margin-top: .0rem;
            width: 100%;
            height: 100%;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
}

.channel12 {
    position: relative;
    padding: 6em 0 5em;
    margin-top: 5em;
    .channel12-bgk {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: no-repeat center;
        background-size: cover;
    }
    .imgs {
        width: auto;
        height: 100%;
        overflow: hidden;
        .image {
            width: 100%;
            height: 100%;
        }
    }
}

@media (max-width:991.98px) {
    .channel12 {
        position: relative;
        padding: 1.1rem 0 0rem;
        padding: 0rem 0 0rem;
        margin-top: .9rem;
        .channel12-bgk {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: no-repeat center;
            background-size: cover;
        }
        .imgs {
            width: auto;
            height: 100%;
            overflow: hidden;
            margin-bottom: 0rem;
            .image {
                width: 100%;
                height: 100%;
            }
            .images {
                margin-top: .8rem;
            }
        }
        .channel12-swiper {
            margin-top: .46rem;
            .tit {
                font-size: .36rem;
                line-height: .44rem;
                margin-bottom: .14rem;
                color: #c9601a;
            }
            .doc {
                font-size: .30rem;
                line-height: .48rem;
                color: #333;
            }
            .swiper-pagination-bullet {
                width: 0.14rem;
                height: 0.14rem;
                opacity: 0.6;
                margin: 0 0.1rem !important;
                border: solid 1px #0b573e;
                background-color: rgba(0, 0, 0, 0);
            }
            .swiper-pagination-bullet-active {
                opacity: 1;
                background-color: #0b573e;
            }
            .swiper-pagination {
                bottom: -.54rem;
            }
        }
    }
}

.public-heading-3 {
    .tit {
        font-size: 1.2rem;
        line-height: 1.25;
        color: #c9601a;
        font-weight: bold;
    }
}

@media (max-width:991.98px) {
    .public-heading-3 {
        .tit {
            font-size: .36rem;
            line-height: 1;
            font-weight: normal;
        }
    }
}

.public-channel16 {
    .public-heading {
        .tit {
            color: #333;
        }
    }
}

@media (max-width:991.98px) {
    .public-channel16 {
        .public-heading {
            .tit {
                color: #c9601a;
            }
        }
    }
}

.p-pipe {
    .main-box {
        .public-bgk {
            height: 33.5em;
        }
        .public-bgk1 {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 36.65em;
            background-color: #fcfaf7;
        }
    }
}

@media (max-width:991.98px) {
    .p-pipe {
        .main-box {
            .public-bgk {
                height: 9.4rem;
            }
            .public-bgk1 {
                height: 9.5rem;
            }
        }
    }
}

.public-channel17 {
    margin-top: 3.25em;
    .doc {
        margin-top: 1.1875em;
    }
    .imgs {
        height: auto;
        margin-top: 1.7em;
    }
    .imgs-box {
        display: flex;
        justify-content: space-between;
        .left {
            width: 65.84%;
        }
        .right {
            width: 31.67%;
            .public-channel17-pc-swiper {
                position: relative;
                overflow: hidden;
                .imgs {
                    width: 100%;
                    height: 29.25em;
                    margin-top: 0;
                    overflow: hidden;
                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
                .swiper-button-next:after,
                .swiper-container-rtl .swiper-button-prev:after {
                    display: none;
                }
                .swiper-button-next {
                    right: 1.3em;
                }
                .swiper-button-prev {
                    left: 1.3em;
                }
                .swiper-button-disabled {
                    display: none;
                }
            }
        }
    }
}

@media (max-width:991.98px) {
    .public-channel17 {
        margin-top: .8rem;
        .doc {
            margin-top: .41rem;
        }
        .public-channel17-swiper {
            overflow: hidden;
        }
        .imgs {
            height: 3.8rem;
            margin-top: .4rem;
        }
        .swiper-pagination {
            bottom: -0.44rem;
        }
        .swiper-pagination-bullet {
            width: 0.14rem;
            height: 0.14rem;
            opacity: 0.6;
            margin: 0 0.1rem !important;
            border: solid 1px #0b573e;
            background-color: transparent;
        }
        .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: #0b573e;
        }
    }
}

.channel18 {
    margin-top: 3.5em;
    .boxs {
        display: flex;
        justify-content: space-between;
    }
    .left {
        width: 82.1667%;
        position: relative;
        .imgs {
            width: 100%;
            height: 39.75em;
            overflow: hidden;
            box-shadow: 0PX 2px 6px 0px rgba(0, 0, 0, 0.18);
            .images {
                width: 100%;
                height: 100%;
                object-fit: fill;
            }
        }
        .pipe-pos {
            color: #fff;
            // color: rgba(0, 0, 0, 0) !important;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            // background-color: rgba(0, 0, 0, 0) !important;
            .tit {
                font-size: .8em;
                line-height: 1;
                margin-left: 14%;
                letter-spacing: 2px;
                font-weight: bold;
                text-align: center;
            }
            .bi {
                display: none;
                position: absolute;
                content: '';
                width: 20px;
                height: 20px;
                color: #0b573e;
                // background-color: #fff;
                object-fit: contain !important;
            }
        }
        .posD {
            position: relative;
            .bi {
                display: block;
                position: absolute;
                content: '';
                left: -20%;
                top: -28px;
                width: 64px;
                height: 40px;
                color: #0b573e;
                // background-color: #fff;
                // transition: .5s;
                // -webkit-transition: .5s;
                animation: delChange .5s;
            }
        }
        @keyframes delChange {
            0% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-10px);
            }
            100% {
                transform: translateY(0);
            }
        }
        .pipe-1 {
            position: absolute;
            top: 30.15%;
            left: 44.9432%;
            width: 105px;
            height: 24px;
            // border-radius: 34%;
            // background-color: #000;
            background: no-repeat center;
            background-size: cover;
            background-image: url(/img/images/pipedd.svg);
        }
        .pipe-2 {
            position: absolute;
            top: 34.15%;
            left: 50.9432%;
            width: 105px;
            height: 24px;
            // border-radius: 34%;
            // background-color: red;
            background: no-repeat center;
            background-size: cover;
            background-image: url(/img/images/pipedd.svg);
        }
        .pipe-3 {
            position: absolute;
            top: 37.8%;
            left: 50.9432%;
            width: 105px;
            height: 24px;
            // border-radius: 34%;
            // background-color: blue;
            background: no-repeat center;
            background-size: cover;
            background-image: url(/img/images/pipedd.svg);
        }
        .pipe-4 {
            position: absolute;
            top: 34.5%;
            left: 48%;
            width: 24px;
            height: 105px;
            // border-radius: 34%;
            // background-color: green;
            writing-mode: vertical-lr;
            background: no-repeat center;
            background-size: cover;
            background-image: url(/img/images/pipe-dd2.png);
            .bi {
                left: -82%;
                top: -26%;
            }
            .tit {
                margin-top: 14%;
                letter-spacing: 4px;
                margin-left: 0;
            }
        }
        .pipe-5 {
            position: absolute;
            top: 77%;
            left: 10.5%;
            width: 24px;
            height: 105px;
            letter-spacing: 4px;
            // border-radius: 34%;
            // background-color: #c9601a;
            writing-mode: vertical-lr;
            background: no-repeat center;
            background-size: cover;
            background-image: url(/img/images/pipe-dd2.png);
            .bi {
                left: -82%;
                top: -26%;
            }
            .tit {
                letter-spacing: 3px;
                margin-top: 14%;
                margin-left: 0;
            }
        }
    }
    .right {
        width: 13.33%;
        padding-top: 10em;
        .list {
            .item {
                margin-top: .6em;
                position: relative;
                padding-left: 3.3em;
            }
            .item::before {
                position: absolute;
                content: '';
                left: 0;
                top: 50%;
                width: 2.2em;
                height: 1px;
            }
            .item.purple::before {
                background-color: #b32428;
            }
            .item.green::before {
                background-color: #278e4a;
            }
            .item.blue::before {
                background-color: #2e3781;
            }
            .item.red::before {
                left: .55em;
                top: 0;
                width: 1.1em;
                height: 1.1em;
                background-color: rgba(0, 0, 0, 0);
                background: no-repeat center;
                background-size: cover;
                background-image: url(/img/images/pipe-d.svg);
            }
            .tit {
                font-size: .8em;
                line-height: 1;
                color: #333;
                white-space: nowrap;
            }
        }
    }
    .message {
        position: absolute;
        top: 47.8%;
        left: 40.568%;
        width: 40em;
        padding: 2.5em;
        background-color: #fff;
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.18);
        .tit {
            font-size: 1.2em;
            line-height: 1;
            font-weight: bold;
            color: #c9601a;
        }
        .doc {
            font-size: .8em;
            line-height: 1.75em;
            color: #333;
            margin-top: 1.5em;
        }
        .time {
            font-size: .9em;
            line-height: 1.667;
            color: #0b573e;
            font-weight: bold;
            margin-top: 1.11em;
        }
        .more {
            width: 9.4em;
            height: 2.5em;
            margin-top: 1.2em;
            .more-box {
                // height: 2.5em;
                padding: .8em 2.25em;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                white-space: nowrap;
                border-radius: 25px;
                background-color: #0b573e;
                transition: .5s;
                -webkit-transition: .5s;
            }
            .title {
                font-size: .9em;
                line-height: 1;
            }
            .bi {
                width: .8em;
                height: .75em;
                margin-left: .5em;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel18 {
        margin-top: 1.23rem;
        .channel18-swiper {
            width: 100%;
        }
        .imgs {
            width: 7.5rem;
            height: 4.34rem;
            display: flex;
            justify-content: right;
            .image {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
        .bd {
            margin-top: -.2rem;
            padding: .8rem .4rem;
            box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.18);
            z-index: -2;
        }
        .tit {
            font-size: .36rem;
            line-height: 1;
            color: #c9601a;
        }
        .doc {
            font-size: .3rem;
            line-height: .48rem;
            margin-top: .28rem;
        }
        .time {
            font-size: .3rem;
            line-height: .48rem;
            margin-top: .58rem;
            color: #0b573e;
        }
        .more {
            width: 2.4rem;
            height: .64rem;
            margin-top: .28rem;
            .more-box {
                padding: .18rem .32em;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                white-space: nowrap;
                border-radius: 25px;
                background-color: #0b573e;
            }
            .title {
                font-size: .3rem;
                line-height: 1;
            }
            .bi {
                width: .33rem;
                height: .28rem;
                margin-left: .22rem;
            }
        }
        .swiper-pagination {
            bottom: -0.44rem;
        }
        .swiper-pagination-bullet {
            width: 0.14rem;
            height: 0.14rem;
            opacity: 0.6;
            margin: 0 0.1rem !important;
            border: solid 1px #0b573e;
            background-color: transparent;
        }
        .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: #0b573e;
        }
    }
}

// 项目弹框页面 开始
@media (max-width:991.98px) {
    .pop-projec1 {
        .global-inner {
            padding: 0 11em;
        }
        .imgs {
            width: 100%;
            height: 100%;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .tit {
            font-size: .44rem;
            line-height: 1.5;
            color: #333;
            margin-bottom: .2rem;
        }
        .doc {
            font-size: .3rem;
            line-height: 1.8;
            color: #333;
            margin-top: .5rem;
        }
        .pop-projec-swiper {
            overflow: hidden;
            .pop-projec-swiper-next,
            .pop-projec-swiper-prev {
                width: 2em;
                height: 2em;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                border: 1px solid #999;
            }
            .bi {
                width: 16px;
                height: 15px;
                color: #999;
            }
            .swiper-button-next:after,
            .swiper-button-prev:after {
                content: '';
            }
            .pop-projec-swiper-next {
                right: 6em;
            }
            .pop-projec-swiper-prev {
                left: 6em;
            }
            .swiper-pagination {
                top: 29.5%;
                height: max-content;
            }
            .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
                margin: 0 5px;
                border-radius: 50%;
                border: 1px solid #fff;
                background-color: rgba(0, 0, 0, 0);
            }
            .swiper-pagination-bullet-active {
                background-color: #fff
            }
        }
    }
}

// 项目弹框页面 结束
// 板块单位弹框 开始
.channel19 {
    // display: none;
    // position: fixed;
    // top: 0;
    // left: 0;
    // width: 100VW;
    // height: 100VH;
    // background-color: rgba(102, 102, 102, 0.6);
    // z-index: 9999;
    .box {
        display: block;
    }
    .imgs {
        width: 100%;
        height: 3rem;
        .image {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
    .bd {
        width: 100%;
    }
    .tit {
        font-size: .44rem;
        line-height: .6rem;
        color: #0f5a40;
        margin-top: .3rem;
    }
    .doc {
        margin-top: .3rem;
        p {
            font-size: .3rem;
            line-height: .5rem;
            color: #333;
        }
        p:first-child {
            margin-top: 0;
        }
    }
}

// 五个智慧 开始
.channel30 {
    height: 600px;
    // margin-top: 150px;
    .global-inner {
        width: 1200px;
        max-width: 1200px;
        height: 100%;
        margin: 0 auto;
        position: relative;
        display: block;
        z-index: 5;
    }
    .image-yuan-box {
        position: absolute;
        top: 220px;
        left: 50%;
        transform: translateX(-50%);
    }
    // .solid {
    //     position: absolute;
    //     content: '';
    //     top: 10px;
    //     left: 50%;
    //     width: 300px;
    //     height: 1px;
    //     background-color: #c9601a;
    //     transform: translateX(-50%);
    // }
    // .solid1 {
    //     left: 37%;
    //     top: 290px;
    //     transform: translateX(-50%);
    //     transform: rotate(57.5deg);
    //     -webkit-transform: rotate(57.5deg);
    // }
    .image-yuan {
        width: 324px;
        height: 328px;
        object-fit: contain;
        margin-top: 220px;
        margin: 0 auto;
        display: block;
    }
    .item {
        width: 390px;
        height: auto;
    }
    .item1 {
        position: absolute;
        top: 124px;
        top: 21%;
        left: 0;
        .item-box {
            width: 19.5em;
            height: 11em;
            width: 390px;
            height: auto;
            position: relative;
            .image-yuandian {
                position: absolute;
                top: -3px;
                right: -16px;
            }
            .tit {
                font-size: 24px;
                line-height: 1;
                display: block;
                text-align: right;
                color: #333;
                padding-right: 24px;
            }
            .image1 {
                margin-top: 17px;
                margin-bottom: 15px;
            }
            .doc {
                font-size: 16px;
                line-height: 28px;
                color: #333;
            }
        }
        .item-box::before {
            position: absolute;
            content: '';
            top: 12px;
            right: -44px;
            width: 40px;
            height: 1px;
            background-color: #c9601a;
        }
        .item-box::after {
            position: absolute;
            content: '';
            top: 75px;
            right: -159px;
            width: 150px;
            height: 1px;
            background-color: #c9601a;
            transform: rotate(57.5deg);
            -webkit-transform: rotate(57.5deg);
        }
    }
    .item2 {
        position: absolute;
        top: 90%;
        left: 0;
        .item-box {
            width: 19.5em;
            height: 11em;
            width: 390px;
            height: auto;
            position: relative;
            .image-yuandian {
                position: absolute;
                top: -3px;
                right: -16px;
            }
        }
        .item-box::before {
            position: absolute;
            content: '';
            top: 13px;
            right: -21px;
            width: 15px;
            height: 1px;
            background-color: #c9601a;
        }
        .item-box::after {
            position: absolute;
            content: '';
            top: -14.2%;
            right: -26%;
            width: 131px;
            height: 1px;
            background-color: #c9601a;
            transform: rotate(102.7deg);
            -webkit-transform: rotate(102.7deg);
        }
    }
    .item3 {
        position: absolute;
        top: 90%;
        left: 50%;
        transform: translateX(-50%);
        .item-box {
            width: 19.5em;
            height: 11em;
            width: 390px;
            height: auto;
            position: relative;
        }
        .item-box::before {
            position: absolute;
            content: '';
            top: 13px;
            right: -21px;
            width: 15px;
            height: 1px;
            background-color: #c9601a;
        }
        .item-box::after {
            position: absolute;
            content: '';
            top: -14.2%;
            right: -26%;
            width: 131px;
            height: 1px;
            background-color: #c9601a;
            transform: rotate(102.7deg);
            -webkit-transform: rotate(102.7deg);
        }
    }
}

// 五个智慧 结束
// 党的建设 开始
.p-qlgq {
    .main-box {
        padding: 3.5em 0 3.5em;
    }
    .bgk {
        position: absolute;
        width: 100%;
        background: no-repeat center;
        background-size: cover;
    }
    .bgk-t {
        top: 0;
        left: 0;
        height: 31.5em;
    }
    .bgk-b {
        bottom: 0;
        left: 0;
        height: 23em;
    }
}

@media (max-width:991.98px) {
    .p-qlgq {
        .main-box {
            padding: .9rem 0;
        }
        .bgk {
            position: absolute;
            width: 100%;
            background: no-repeat center;
            background-size: cover;
        }
        .bgk-t {
            top: 0;
            left: 0;
            height: 31.5em;
        }
        .bgk-b {
            bottom: 0;
            left: 0;
            height: 23em;
        }
    }
}

.public-party-heading {
    text-align: center;
    margin-bottom: 2.8em;
    .tit {
        font-size: 1.8em;
        line-height: 1.22;
        color: #333;
    }
}

@media (max-width:991.98px) {
    .public-party-heading {
        margin-bottom: .8rem;
        .tit {
            font-size: .48rem;
            line-height: 1;
        }
    }
}

.channel20 {
    .boxs {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .lefts {
        width: 66%;
        .top {
            margin-bottom: 1.5em;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            .tit {
                font-size: 1.2em;
                line-height: 1;
                color: #333;
            }
            .more {
                display: flex;
                align-items: center;
            }
            .doc {
                font-size: .8em;
                line-height: 1;
                color: #0b573e;
            }
            .bi {
                width: 15px;
                height: 16px;
                margin-left: .65em;
            }
        }
        .end {
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            .list {
                width: 100%;
                border-top: 1px solid rgba(204, 204, 204, .5);
            }
            .item {
                padding: 2em 0 2.2em;
                border-bottom: 1px dashed #d9d9d9;
            }
            .box {
                display: flex;
                display: -webkit-flex;
            }
            .left {
                width: 9.5%;
                width: 3.8em;
                height: 4.3em;
                max-width: 3.8em;
                padding: 1em .7em .9em;
                margin-right: 1.5em;
                text-align: center;
                font-weight: bold;
                border-radius: 4px;
                background-color: #f7f7f2;
            }
            .day {
                font-size: 1.8em;
                line-height: .8;
                font-family: Arial;
                color: #258280;
            }
            .days {
                font-size: .7em;
                line-height: .8;
                margin-top: .7142em;
                white-space: nowrap;
                font-family: Arial;
                color: #857354;
            }
            .right {
                width: 100%;
            }
            .tit {
                height: 1em;
                font-size: .9em;
                line-height: 1;
                color: #333;
                font-weight: bold;
                display: -webkit-box;
                // -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
            }
            .doc {
                height: 3.5em;
                font-size: .8em;
                line-height: 1.75;
                color: #666;
                margin-top: .9375em;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
        }
    }
    .rights {
        width: 30.83%;
        position: relative;
        .images {
            position: absolute;
            top: 0;
            left: 0;
            background: no-repeat center;
            background-size: cover;
            z-index: -1;
        }
        .images.web {
            width: 100%;
            height: 24.5em;
        }
        .solid {
            position: absolute;
            top: 0;
            left: 0;
            height: .2em;
            width: 100%;
            background-color: #c2af87;
        }
        .top1 {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            // border-bottom: 1px solid #fff;
            .more {
                display: flex;
                align-items: center;
            }
            .doc {
                font-size: .8em;
                line-height: 1;
                color: #fff;
            }
            .bi {
                width: 15px;
                height: 16px;
                margin-left: .65em;
                color: #fff;
            }
        }
        .rights-box {
            height: auto;
            padding: 2em 1.5em 2.7em;
            // background-color: #70b3ab;
        }
        .rights-heading {
            // padding-bottom: 1.6em;
            // border-bottom: 1px solid #fff;
            position: relative;
            .tit {
                font-size: 1em;
                line-height: 1;
                color: #fff;
                font-weight: bold;
            }
        }
        .list {
            padding-top: 1.7em;
        }
        .item {
            padding-left: .75em;
            margin-top: 1.4em;
            position: relative;
        }
        .item:first-child {
            margin-top: 0;
        }
        .item::before {
            position: absolute;
            content: '';
            left: 0;
            top: .55em;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #fff;
        }
        .doc {
            font-size: .8em;
            line-height: 1.75;
            color: #fffdfa;
        }
    }
}

@media (max-width:991.98px) {
    .channel20 {
        .boxs {
            display: block;
        }
        .lefts {
            width: 100%;
            .top {
                margin-bottom: .5rem;
                .tit {
                    font-size: .36rem;
                    line-height: 1;
                }
            }
            .end {
                .item {
                    padding: .39rem 0 .37rem;
                }
                .box {
                    padding-right: .34rem;
                }
                .left {
                    width: 1.1rem;
                    max-width: 1.1rem;
                    height: 1.24rem;
                    border-radius: 8px;
                    margin-right: .33rem;
                    padding: .28rem .1rem;
                }
                .day {
                    font-size: .48rem;
                }
                .days {
                    font-size: .26rem;
                    margin-top: .14rem;
                }
                .tit {
                    height: .96rem;
                    font-size: .32rem;
                    line-height: .48rem;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
                .right {
                    padding-top: .1rem;
                }
            }
            .more {
                margin-top: .5rem;
                display: flex;
                align-items: center;
                .doc {
                    font-size: .3rem;
                    line-height: 1;
                    color: #0b573e;
                }
            }
            .bi {
                width: .33rem;
                height: .32rem;
                margin-left: .2rem;
            }
        }
        .rights {
            width: 100%;
            margin-top: .8rem;
            .box {
                padding: .53rem .4rem 1rem;
            }
            .top1 {
                margin-bottom: .2rem;
            }
            .more-box {
                .more {
                    // margin-top: .5rem;
                    display: flex;
                    align-items: center;
                    .doc {
                        font-size: .3rem;
                        line-height: 1;
                        color: #fff;
                    }
                }
                .bi {
                    width: .33rem;
                    height: .32rem;
                    margin-left: .2rem;
                }
            }
            .images {
                width: 100%;
                height: 100%;
            }
            .rights-heading {
                // padding-bottom: .5rem;
                .tit {
                    font-size: .36rem;
                    line-height: 1;
                }
            }
            .list {
                padding-top: .46rem;
            }
            .item {
                margin-top: .44rem;
            }
            .doc {
                font-size: .32rem;
                line-height: .48rem;
            }
        }
    }
}

.channel21 {
    margin-top: 2.65em;
    .boxs {
        display: flex;
        display: -webkit-flex;
    }
    .lefts {
        width: 27.25%;
        height: auto;
        background-color: #f2f9fa;
        position: relative;
        .triangle {
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            border-top: 0px solid transparent;
            border-right: 16.35em solid #fff;
            border-bottom: 2em solid transparent;
        }
        .lefts-heading {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1.8em;
            .tit {
                font-size: 1.2em;
                line-height: 1.33;
                color: #0c5b52;
            }
        }
        .lefts-box {
            padding: 4.9em 2.5em 0em;
        }
        .list {
            padding-top: 1.65em;
            border-top: 1px solid rgba(108, 146, 140, 0.5);
            .item {
                margin-top: 1.5em;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
            }
            .item:first-child {
                margin-top: 0;
            }
            .active {
                justify-content: inherit;
                .bi {
                    color: #147f79;
                }
            }
            .doc {
                font-size: .9em;
                line-height: 1.77;
                font-weight: bold;
                color: #333;
            }
            .bi {
                width: 15px;
                height: 16px;
                margin-left: 1.1em;
                color: #333;
            }
        }
    }
    .rights {
        width: 72.75%;
        .blank {
            width: 100%;
            height: 4.3em;
            background-color: #fff;
        }
        .public-channel21-swiper {
            position: relative;
            overflow: hidden;
            display: none;
        }
        .public-channel21-swiper1 {
            display: block;
        }
        .box {
            display: block;
            position: relative;
        }
        .black {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: no-repeat center;
            background-size: cover;
        }
        .imgs {
            width: 100%;
            height: 27.8em;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .bd {
            position: absolute;
            left: 1.3em;
            bottom: 1.5em;
            z-index: 3;
            .tit {
                font-size: .9em;
                color: #fffefe;
                font-weight: bold;
            }
        }
        .swiper-pagination {
            right: 1.5em;
            bottom: 1.7em;
            left: inherit;
            width: auto;
        }
        .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            margin: 0 7px;
            opacity: .5;
            border: 1px solid #fff;
            background-color: rgba(0, 0, 0, 0);
        }
        .swiper-pagination-bullet:last-child {
            margin-right: 0;
        }
        .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: #fff;
        }
        .swiper-button-next:after,
        .swiper-button-prev:after {
            content: '';
        }
        .swiper-button-next {
            right: 1.5em;
        }
        .swiper-button-prev {
            left: 1.5em;
        }
        // .swiper-button-next,
        // .swiper-button-prev {
        //     width: 2em;
        //     height: 2em;
        //     display: flex;
        //     align-items: center;
        //     justify-content: center;
        //     border-radius: 50%;
        //     border: 1px solid #fff;
        //     z-index: 6;
        // }
        .bi {
            width: 17px;
            height: 33px;
            color: #fff;
            filter: drop-shadow(0px 2px 0.5px #000);
            opacity: .5;
            // width: 16px;
            // height: 15px;
            // color: #fff;
        }
    }
}

@media (max-width:991.98px) {
    .channel21 {
        margin-top: .68rem;
        .boxs {
            display: flex;
            display: -webkit-flex;
        }
        .rights {
            width: 100%;
            .lefts-heading {
                padding-bottom: .38rem;
                .tit {
                    font-size: .36rem;
                    line-height: .6rem;
                    color: #333;
                }
            }
            .blank {
                width: 100%;
                height: 4.3em;
                background-color: #fff;
            }
            .public-channel21-swiper {
                position: relative;
                margin-top: .4rem;
                overflow: hidden;
                display: block;
            }
            .channel21 .rights .public-channel21-swiper1 {
                margin-top: 0;
            }
            .box {
                display: block;
                position: relative;
            }
            .imgs {
                width: 100%;
                height: 4.3rem;
                overflow: hidden;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .bd {
                position: absolute;
                left: .2rem;
                bottom: .3rem;
                z-index: 3;
                .tit {
                    font-size: .32rem;
                    color: #fffefe;
                    font-weight: normal;
                }
            }
            .swiper-pagination {
                right: .2rem;
                bottom: .35rem;
            }
            .swiper-pagination-bullet {
                width: .14rem;
                height: .14rem;
                margin: 0 .1rem;
            }
        }
    }
}

// 党的建设 结束
// 互动服务 开始
// 普通问卷调差 开始
.p-msqdel {
    .main-box {
        background-color: #fdf3e3;
    }
    .head-place {
        height: 0em;
    }
}

.p-msqweal {
    .main-box {
        background-color: #84cbe9;
    }
    .head-place {
        height: 0em;
    }
    .channel22 .bgk {
        background-size: contain;
    }
}

.channel22 {
    position: relative;
    .bgk {
        // position: absolute;
        width: 100%;
        background: no-repeat center;
        background-size: contain;
    }
    .bgk.web {
        height: auto;
    }
    // .bgk.app {
    //     height: 6.2rem;
    // }
    .global-inner {
        padding: 0 5em;
    }
    // .boxs {
    //     margin-top: 16.8em;
    // }
    .top {
        .doc {
            padding: 1.55em 3.25em 2.05em 3em;
            background-color: #fff;
            p {
                font-size: .9em;
                line-height: 2em;
                color: #333;
            }
        }
    }
    .end {
        margin-top: 1em;
        padding: 2.35em 2em 3em;
        background-color: #fff;
    }
}

.channel23 {
    .bgk.web {
        height: 20em;
    }
    .bgk.app {
        height: 6.3rem;
    }
}

.form-msqweal,
.form-msqdel {
    .form-group-cell {
        // width: max-content;
        overflow: inherit;
    }
    .control-label {
        position: relative;
        font-size: 1em;
        display: flex;
        align-items: center;
        margin-bottom: 2.5em;
        .must {
            position: absolute;
            left: -16px;
            top: 2px;
            top: 0%;
            width: 8px;
            height: 8px;
            margin: 0;
            // transform: translateY(-50%);
        }
        .duoxuan,
        .danxuan {
            width: 2.5em;
            height: 1.1em;
            margin-left: 1em;
            color: #0b573e;
            // display: flex;
            // display: -webkit-flex;
            // align-items: center;
            // -webkit-align-items: center;
            // justify-content: center;
            // -webkit-justify-content: center;
            border-radius: .55em;
            border: 1px solid #0b573e;
            display: inline-block;
            .doc {
                font-size: .8em;
                line-height: 1.18;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: center;
                -webkit-justify-content: center;
            }
        }
        .duoxuan {
            color: #c9601a;
            border: 1px solid #c9601a;
        }
    }
    .dx {
        .control-label {
            margin-bottom: .75em;
        }
    }
    .frm-check-box {
        input[type='radio'] {
            width: 16px;
            height: 16px;
            margin: 0;
            margin-right: 5px;
            border: 2px solid #c9d5df;
        }
        input[type='checkbox'] {
            width: 16px;
            height: 16px;
            margin-top: 0;
        }
    }
    .row-item {
        padding: 0;
        margin-top: 3.25em;
        .form-group {
            padding: 0;
        }
        .frm-check-box {
            display: block;
            font-size: 1em;
            float: none;
            padding: 0;
            margin: 0;
            line-height: 1;
            margin-top: 1.25em;
            font-size: .9em;
            line-height: 1.5;
            color: #555;
            display: flex;
            align-items: baseline;
        }
        .frm-check-box:first-child {
            margin-top: 0;
        }
        .tit {
            font-size: .9em;
            line-height: 1.5;
            font-weight: bold;
            color: #333;
            white-space: initial;
            display: inline-block;
        }
        .input-text {
            align-items: inherit;
        }
    }
    .row-item:first-child {
        margin-top: 0;
    }
    .heng {
        .frm-check-group {
            display: flex;
            flex-wrap: wrap;
        }
        .frm-check-box:nth-child(odd) {
            width: 50%;
        }
        .frm-check-box:nth-child(2n) {
            width: 50%;
        }
        .frm-check-box:nth-child(2) {
            margin-top: 0;
        }
    }
    .input-t1 {
        display: none;
        padding-left: .5em;
    }
    .input-xs {
        width: 100% !important;
        .input-t1 {
            display: block;
            width: 20.66em;
            height: 1.77em;
            background-color: #f7f7f7;
            border-radius: 3px;
            border: solid 1px #e6e6e6;
        }
    }
    .less {
        font-size: .8em;
        line-height: 1;
        color: #555;
        margin-bottom: 1.25em;
    }
    .sr {
        .form-group-cell {
            width: max-content;
            position: relative;
            #srtj {
                position: absolute;
                font-size: .8em;
                line-height: 1;
                color: #999;
                bottom: .625em;
                right: .625em;
            }
        }
    }
    .input-sr {
        width: 30em;
        height: 9em;
        background-color: #ffffff;
        border-radius: 5px;
        border: solid 1px #0b573e;
        padding: 10px;
    }
    .btn-btn {
        margin: 0;
        margin-top: 3em;
        .row-item {
            margin-top: 3em;
        }
        .form-btnbox {
            width: 7.5em;
            height: 2.25em;
            color: #fff;
            border-radius: 23px;
        }
        .btn-msqdel1 {
            background-color: #0b573e;
            margin-right: 1.5em;
        }
        .btn-msqdel2 {
            background-color: #999999;
        }
        .btn-submit,
        .btn-reset {
            width: 100%;
            height: 100%;
            display: block;
            font-size: .9em;
            line-height: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}

.form-msqweal {
    .control-label {
        margin-bottom: 1.7em;
    }
    .frm-check-group {
        display: flex !important;
    }
    .frm-radio-group {
        width: 75.9%;
        display: flex !important;
    }
    .row-item {
        .frm-check-box {
            margin-top: 0;
        }
        .frm-check-box {
            margin-right: 6.66em;
        }
        .frm-check-box:last-child {
            margin-right: 0;
        }
    }
    .row-list {
        margin-top: 2.5em;
    }
    .row-list1 {
        margin-top: 0;
        .excel-tit {
            padding-top: 0;
        }
        .excel-tit::after {
            display: none;
        }
    }
    .row-item:nth-child(2) {
        margin-top: 0;
    }
    .input-xs {
        width: auto !important;
    }
    .input-t1-box {
        .input-t1 {
            width: 75.9%;
            height: 2em;
            font-size: .8em;
            margin-top: 1em;
            background-color: #f7f7f7;
            border-radius: 3px;
            border: solid 1px #e6e6e6;
        }
        .input-t1::placeholder {
            font-size: .7em;
            color: #999;
        }
    }
    .excel-tit {
        padding-top: 2.5em;
        margin-bottom: 2.35em;
        position: relative;
        .tit {
            font-size: 1.5em;
            line-height: 1;
            color: #0b573e;
        }
    }
    .excel-tit::after {
        position: absolute;
        content: '';
        top: 0;
        left: -25%;
        width: 150%;
        height: 1px;
        background-color: #84cbe9;
    }
    .row-list {
        .btn-btn {
            margin-top: 2.5em;
            padding-top: 2em;
            position: relative;
            // border-top: 1px solid red;
        }
        .btn-btn::after {
            display: block;
            position: absolute;
            content: '';
            top: 0;
            left: -25%;
            width: 500%;
            height: 1px;
            background-color: #84cbe9;
        }
    }
}

@media (max-width:991.98px) {
    .channel22 {
        // .boxs {
        //     margin-top: 4.32rem;
        // }
        .top {
            .doc {
                font-size: .3rem;
                line-height: .48rem;
                padding: .48rem .4rem .51rem;
            }
        }
        .end {
            margin-top: .3rem;
            padding: .68rem .4rem .8rem;
        }
    }
}

// .p-msqweal {
//     .channel22 {
//         .boxs {
//             margin-top: 0;
//         }
//     }
// }
@media (max-width:1200px) {}

@media (max-width:991.98px) {
    .form-msqweal,
    .form-msqdel {
        .control-label {
            display: block;
            margin-bottom: .43rem;
            .duoxuan,
            .danxuan {
                width: .9rem;
                height: .34rem;
                margin-left: .17rem;
                border-radius: .19rem;
                .doc {
                    font-size: .26rem;
                    line-height: .32rem;
                }
            }
        }
        .row-item {
            margin-top: .68rem;
            .tit {
                font-size: .3rem;
                line-height: .48rem;
                white-space: normal;
            }
            .frm-check-box {
                font-size: .3rem;
                line-height: .36rem;
                margin-top: .25rem;
                align-items: inherit;
                input[type='radio'] {
                    width: .32rem;
                    height: .32rem;
                    background-color: #ffffff;
                    border: solid 2px #c9d5df;
                }
                input[type='checkbox'] {
                    width: .3rem;
                    height: .3rem;
                    margin-top: 2px;
                    margin-left: .15rem;
                    margin-right: .15rem;
                }
            }
        }
        .heng {
            .frm-check-box {
                width: 100% !important;
            }
            .frm-check-box:nth-child(2) {
                margin-top: .25rem;
            }
        }
        .input-sr {
            width: 5.9rem;
            height: 2.6rem;
        }
        .btn-btn {
            margin: 0 auto;
            margin-top: .8rem;
            .row-item {
                margin-top: .8rem;
            }
            .form-btnbox {
                width: 2.4rem;
                height: .72rem;
                color: #fff;
                border-radius: 23px;
            }
            .btn-msqdel1 {
                background-color: #0b573e;
                margin-right: .4rem;
            }
            .btn-msqdel2 {
                background-color: #999999;
            }
            .btn-submit,
            .btn-reset {
                width: 100%;
                height: 100%;
                display: block;
                font-size: .3rem;
                line-height: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
        .input-xs {
            .input-t1 {
                width: 4rem;
            }
        }
    }
}

@media (max-width:991.98px) {
    .form-msqweal {
        .control-label {
            margin-bottom: .5rem;
        }
        .frm-check-group {
            display: flex !important;
        }
        .frm-radio-group {
            width: 100%;
            display: block !important;
        }
        .row-item {
            .frm-check-box {
                margin-top: 0;
            }
            .frm-check-box:first-child {
                margin-top: 0;
            }
            .frm-check-box {
                margin-top: .32rem;
                margin-right: 0rem;
                color: #666;
            }
            .frm-check-box:last-child {
                margin-right: 0;
            }
        }
        .row-list {
            margin-top: 2.5em;
        }
        .row-list1 {
            margin-top: 0;
            .excel-tit {
                padding-top: 0;
            }
            .excel-tit::after {
                display: none;
            }
        }
        .row-item:nth-child(2) {
            margin-top: 0;
        }
        .input-xs {
            width: auto !important;
        }
        .input-t1-box {
            position: relative;
            #srtj {
                display: none;
                position: absolute;
                bottom: .2rem;
                right: .2rem;
            }
            .input-t1 {
                width: 100%;
                height: 1.92rem;
                font-size: .28rem;
                line-height: .36rem;
                margin-top: .47rem;
                color: #999;
                background-color: #f7f7f7;
                border-radius: 4px;
                border: solid 1px #e6e6e6;
            }
            .input-t1::placeholder {
                font-size: .28rem;
                line-height: .36rem;
                color: #999;
            }
        }
        .excel-tit {
            padding-top: .8rem;
            margin-bottom: .58rem;
            position: relative;
            .tit {
                font-size: 1.5em;
                line-height: 1;
                color: #0b573e;
            }
        }
        .excel-tit::after {
            position: absolute;
            content: '';
            top: 0;
            left: -25%;
            width: 150%;
            height: 1px;
            background-color: #84cbe9;
        }
        .row-list {
            .btn-btn {
                margin-top: .8rem;
                padding-top: .7rem;
                position: relative;
                // border-top: 1px solid red;
            }
            .btn-btn::after {
                display: block;
                position: absolute;
                content: '';
                top: 0;
                left: -25%;
                width: 500%;
                height: 1px;
                background-color: #84cbe9;
            }
        }
        .input-xs {
            .input-t1-box {
                #srtj {
                    display: block;
                }
            }
        }
        // #srtj{
        //     display: none;
        // }
    }
}

.p-msqdel {
    .main-box {
        padding-top: 0;
    }
}

@media (max-width:1200px) {
    .form-msqweal {
        .frm-radio-group {
            width: 95%;
        }
        .input-t1-box {
            .input-t1 {
                width: 95%;
            }
        }
    }
}

// 普通问卷调差 结束
// 在线看房 开始
.serve-tit2,
.serve-tit {
    margin-bottom: 2em;
    .tit {
        font-size: 1.8em;
        line-height: 1.22;
        color: #c9601a;
    }
}

.serve-tit2 {
    .tit {
        color: #333333;
    }
}

@media (max-width:991.98px) {
    .serve-tit2,
    .serve-tit {
        margin-bottom: .3rem;
        .tit {
            font-size: .5rem;
            line-height: 1.5;
        }
    }
}

.p-roomlist {
    .main-box {
        padding: 3em 0 0;
    }
}

@media (max-width:991.98px) {
    .p-roomlist {
        .main-box {
            padding: .5rem 0 0rem;
        }
    }
}

.channel24 {
    .choose {
        padding: 0 1.5em 0em;
        background-color: #f5f5f5;
        margin-bottom: 2em;
        // border-bottom: 1px solid#dcdcdc;
        // .choose-box{
        // }
        .name {
            width: 65px;
            min-width: 65px;
            font-size: .7em;
            line-height: 1;
            color: #333;
            font-weight: bold;
        }
        // .premiseSelectItems {
        //     .name {
        //         width: 5.3%;
        //     }
        // }
        input[type='checkbox'] {
            appearance: auto;
            -webkit-appearance: auto;
            width: 1em;
            height: 1em;
            margin-right: .7142em;
        }
        .choose-room {
            display: flex;
            padding: 1.5em 6em .5em 0;
            border-bottom: 1px solid #dcdcdc;
        }
        .choose-list {
            display: flex;
            flex-wrap: wrap;
            // padding-right: 6em;
            // padding-bottom: 1em;
            .choose-item {
                font-size: .7em;
                line-height: 1;
                color: #333;
                display: flex;
                align-items: center;
                margin-right: 6.14em;
                margin-bottom: 1.428em;
                min-width: 6em;
            }
        }
        .type {
            border: 0;
            // .name {
            //     width: 5.7%;
            // }
            .choose-item {
                margin-right: 6.14em;
            }
        }
    }
    .list {
        width: 100%;
        padding-top: 1em;
        border-top: 1px solid#dcdcdc;
    }
    .item {
        padding: 1em 0;
        border-bottom: 1px solid #e6e6e6;
        .box {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            // justify-content: space-between;
            // -webkit-justify-content: space-between;
        }
        .imgs {
            width: 37.5%;
            height: 15em;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .bd {
            width: 62.5%;
            padding-left: 2.5em;
            .bd-top {
                padding-bottom: 1.05em;
                display: flex;
                align-items: center;
                justify-content: space-between;
                border-bottom: 1px solid #e6e6e6;
            }
            .tit {
                font-size: 1.5em;
                line-height: 1.466;
                color: #333;
            }
            .location {
                font-size: .8em;
                line-height: 1.875;
                color: #666;
                padding-left: 1.5em;
                margin-top: 0.8125em;
                position: relative;
                span {
                    width: 90%;
                    // display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                }
            }
            .location::before {
                position: absolute;
                content: '';
                top: 7px;
                top: calc( ( 3.75em - 16px) * 0.15);
                left: 0;
                width: 16px;
                height: 16px;
                background: no-repeat center;
                background-size: contain;
                background-image: url(/img/images/location.svg);
            }
            .tower {
                font-size: .8em;
                line-height: 1.875;
                color: #666;
                padding-left: 1.5em;
                position: relative;
                span {
                    width: 90%;
                    // display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                }
            }
            .tower::before {
                position: absolute;
                content: '';
                top: 7px;
                top: calc( ( .8em - 0px) * 0.5);
                left: 0;
                width: 16px;
                height: 16px;
                background: no-repeat center;
                background-size: contain;
                background-image: url(/img/images/tower.svg);
            }
            .room {
                width: 8em;
                height: 2em;
                margin-top: 1.6em;
                // background-color: #0b573e;
                border-radius: 4px;
                border: 1px solid #0b573e;
                a {
                    text-align: center;
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    -webkit-align-items: center;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                }
                .docx {
                    width: 100%;
                    font-size: .8em;
                    line-height: 2.4;
                    color: #0b573e;
                    text-align: center;
                }
            }
        }
        .btn-box {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            // margin-top: .5em;
            margin-left: 1em;
            .condition {
                width: 5em;
                height: 2.1428em;
                color: #ff7400;
                font-size: .7em;
                line-height: 2.1428em;
                // margin-right: 0.71em;
                border-radius: 4px;
                background-color: rgba(255, 116, 0, 0.15);
                // display: flex;
                // display: -webkit-flex;
                // align-items: center;
                // -webkit-align-items: center;
                // justify-content: space-between;
                // -webkit-justify-content: space-between;
                text-align: center;
            }
            .condition-ed {
                color: #999999;
                background-color: #e6e6e6;
            }
            .look {
                width: 4.5em;
                height: 1.2em;
                padding: 0 .2em;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                border-radius: 4px;
                border: solid 1px #0b573e;
                img {
                    width: .8em;
                    height: .8em;
                }
                .docx {
                    font-size: .7em;
                    line-height: 1;
                    color: #0b573e;
                }
            }
        }
        .bd-top-right {
            display: flex;
            align-items: center;
        }
        .price {
            margin-left: auto;
            // text-align: right;
            display: flex;
            align-items: baseline;
            .reference {
                width: 4em;
                height: 1.2em;
                margin-bottom: .625em;
                margin-left: auto;
                border-radius: 3px;
                border: solid 1px #999999;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: center;
                -webkit-justify-content: center;
                .docx {
                    float: right;
                    font-size: .7em;
                    line-height: 1;
                    color: #999999;
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    -webkit-align-itema: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                    text-align: center;
                }
            }
            .tit {
                font-size: 1.8em;
                line-height: 1;
                color: #ff7400;
                // display: block;
                // margin-bottom: 3px;
                font-weight: bold;
            }
            .money {
                font-size: .7em;
                line-height: 1;
                color: #ff7400;
                margin-left: 5px;
            }
        }
    }
    .item:first-child {
        padding-top: 0;
    }
    .global-paging {
        margin-top: 2em;
    }
}

@media (max-width:1660px) {
    .channel24 .item .bd .tower::before {
        position: absolute;
        content: '';
        top: 7px;
        top: calc( ( .8em - 6px) * 0.5);
        left: 0;
        width: 16px;
        height: 16px;
        background: no-repeat center;
        background-size: contain;
        background-image: url(/img/images/tower.svg);
    }
}

.p-roomlist {
    .serve-tit {
        .tit {
            color: #333;
        }
    }
}

.p-yhyj {
    .main-box {
        padding: 3em 0 !important;
    }
    .serve-tit {
        .tit {
            color: #ca5f1b;
        }
    }
}

@media (max-width:991.98px) {
    .p-yhyj {
        .main-box {
            padding: .5rem 0 1rem !important;
        }
    }
}

.touch {
    padding: 4em 0 5em;
    margin-top: 3.5em;
    background-color: #f7f7f7;
    .boxs {
        position: relative;
    }
    .content {
        min-height: 300px;
        padding: 2em 2em 3em;
        background-color: #fff;
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
        position: relative;
        margin-bottom: 1.5em;
        .bgk {
            position: absolute;
            bottom: 0;
            right: 0;
            // z-index: -1;
        }
        .hd-tit {
            position: relative;
            width: 66.66%;
            padding-bottom: 1em;
            border-bottom: 1px solid #ddd;
            .tit {
                font-size: 1.2em;
                line-height: 1;
                font-weight: bold;
                color: #009768;
            }
        }
        .box {
            position: relative;
            width: 58%;
            margin-top: 2em;
            color: #333;
            display: flex;
            justify-content: space-between;
            .left {
                margin-right: 13.5em;
            }
            .right {
                .item {
                    display: flex;
                    align-items: center;
                    color: #b7b4b2;
                }
                .tit {
                    line-height: 2;
                }
            }
            .item {
                margin-bottom: 1.5em;
            }
            .item:last-child {
                margin-bottom: 0;
            }
            .tit {
                font-size: .8em;
                font-weight: bold;
                line-height: 1;
                margin-top: 1em;
            }
            .doc {
                font-size: .7em;
                line-height: 1;
                margin-top: 1em;
            }
            .imgs {
                width: 5em;
                height: 5em;
                margin-top: 10px;
                overflow: hidden;
                margin-left: 20px;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }
}

@media (max-width:991.98px) {
    .touch {
        padding: .4rem 0 1.2rem;
        margin-top: .3rem;
        background-color: #f7f7f7;
        .boxs {
            position: relative;
        }
        .content {
            padding: .3rem .3rem .5rem;
            position: relative;
            .bgk {
                position: absolute;
                bottom: 0;
                right: 0;
            }
            .hd-tit {
                position: relative;
                width: 100%;
                padding-bottom: .3rem;
                border-bottom: 1px solid #ddd;
                .tit {
                    font-size: .36rem;
                    line-height: 1;
                    font-weight: bold;
                    color: #009768;
                }
            }
            .box {
                position: relative;
                margin-top: .2rem;
                color: #333;
                .left {
                    margin-right: 2rem;
                }
                .item {
                    margin-bottom: .3rem;
                }
                .item:last-child {
                    margin-bottom: 0;
                }
                .tit {
                    font-size: .32rem;
                    font-weight: bold;
                    line-height: 1;
                    margin-top: .2rem;
                }
                .doc {
                    font-size: .3rem;
                    line-height: 1;
                    margin-top: .2rem;
                }
                .imgs {
                    width: 1.4rem;
                    height: 1.4rem;
                    margin-top: 10px;
                    overflow: hidden;
                    .image {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel24 {
        .choose {
            padding: 0 .3rem 0;
            background-color: #f5f5f5;
            margin-bottom: 1em;
            .name {
                width: .85rem;
                min-width: .85rem;
                font-size: .28rem;
                line-height: 1;
                color: #333;
                font-weight: bold;
                margin-right: .2rem;
            }
            input[type='checkbox'] {
                appearance: auto;
                -webkit-appearance: auto;
                width: 1em;
                height: 1em;
                margin-right: .7142em;
            }
            .choose-room {
                display: flex;
                justify-content: space-between;
                padding: .3rem .0rem .3rem 0;
                border-bottom: 1px solid #dcdcdc;
            }
            .choose-list {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                // padding-right: 6em;
                // padding-bottom: 1em;
                .choose-item {
                    min-width: 2rem;
                    font-size: .3rem;
                    line-height: 1;
                    color: #333;
                    display: flex;
                    align-items: center;
                    margin-right: .2rem;
                    margin-bottom: .3rem;
                }
            }
            // .type {
            //     border: 0;
            //     // .name {
            //     //     width: 1.8rem;
            //     // }
            //     .choose-item {
            //         margin-right: .5rem;
            //     }
            // }
        }
        .item {
            .box {
                display: block;
            }
            .imgs {
                width: 100%;
                height: 3.5rem;
            }
            .bd {
                width: 100%;
                padding-left: 0;
                margin-top: .3rem;
                .tit {
                    font-size: .44rem;
                    line-height: .6rem;
                }
                .location {
                    font-size: .3rem;
                    line-height: .46rem;
                    padding-left: .5rem;
                    margin-top: .3rem;
                    position: relative;
                    span {
                        width: 100%;
                        // display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 1;
                        overflow: hidden;
                    }
                }
                .location::before {
                    top: 4px;
                    left: 0;
                }
                .tower {
                    font-size: .3rem;
                    line-height: .46rem;
                    padding-left: .5rem;
                    margin-top: .2rem;
                    position: relative;
                    span {
                        width: 100%;
                        // display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 1;
                        overflow: hidden;
                    }
                }
                .tower::before {
                    position: absolute;
                    top: 4px;
                    left: 0;
                }
                .room {
                    width: 3rem;
                    height: .6rem;
                    margin-top: .3rem;
                    // background-color: #0b573e;
                    border-radius: 4px;
                    text-align: center;
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    -webkit-align-items: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                    .docx {
                        width: 100%;
                        font-size: .3rem;
                        line-height: 1;
                        // color: #fff;
                        text-align: center;
                    }
                }
            }
            .btn-box {
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                margin-top: .3rem;
                margin-left: 0;
                .condition {
                    width: 1.5rem;
                    height: .5rem;
                    font-size: .26rem;
                    line-height: 1.714em;
                    margin-right: .3rem;
                    text-align: center;
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    -webkit-align-items: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                }
                .look {
                    display: none;
                    width: 1.8rem;
                    height: .5rem;
                    padding: 0 .1rem;
                    img {
                        width: .28rem;
                        height: .28rem;
                    }
                    .docx {
                        font-size: .26rem;
                        line-height: 1;
                    }
                }
            }
            .price {
                margin-left: inherit;
                // margin-top: .3rem;
                display: flex;
                align-items: flex-end;
                .reference {
                    width: 1.5rem;
                    height: 0.5rem;
                    margin-bottom: 0em;
                    margin-left: inherit;
                    margin-right: .3rem;
                    border-radius: 3px;
                    border: solid 1px #999999;
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    -webkit-align-items: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                    .docx {
                        float: right;
                        font-size: .26rem;
                        line-height: 1;
                        color: #999999;
                        display: flex;
                        display: -webkit-flex;
                        align-items: center;
                        -webkit-align-itema: center;
                        justify-content: center;
                        -webkit-justify-content: center;
                        text-align: center;
                    }
                }
                .tit {
                    font-size: .4rem;
                    line-height: 1;
                    color: #ff7400;
                    display: block;
                    margin-bottom: 0;
                    font-weight: bold;
                }
                .money {
                    font-size: .26rem;
                    line-height: 1;
                }
            }
        }
        .global-paging {
            margin-top: .6rem;
        }
    }
}

.pop-roomlist {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100VW;
    height: 100VH;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    .pop-roomlist-close {
        position: fixed;
        top: 2em;
        right: 2em;
        width: 2.7em;
        height: 2.7em;
        border-radius: 50%;
        border: solid 1px #0b573e;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        background-color: #3c3c3c;
        .bi {
            width: 0.85em;
            height: 0.85em;
            color: #fff;
        }
    }
    .global-inner {
        width: 960px;
        // padding: 0 6em 0 0;
    }
    .boxs {
        width: 100%;
        position: absolute;
        top: 50%;
        // background-color: #fff;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        .roomintord-swiper3,
        .roomintord-swiper4 {
            // position: relative;
            overflow: hidden;
            .imgs {
                overflow: hidden;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
        .roomintord-swiper3 {
            .imgs {
                width: 100%;
                height: 32em;
            }
            .roomintord-swiper3-next:after,
            .roomintord-swiper3-prev:after {
                content: '';
            }
            .roomintord-swiper3-next,
            .roomintord-swiper3-prev {
                top: 45%;
                width: 2em;
                height: 2em;
                border-radius: 50%;
                border: 1px solid #fff;
                background-color: rgba(0, 0, 0, 0);
                .bi {
                    width: 8px;
                    height: 16px;
                    color: #fff;
                }
            }
            .roomintord-swiper3-next {
                right: -4em;
            }
            .roomintord-swiper3-prev {
                left: -4em;
            }
            .roomintord-swiper3-pagination {
                bottom: 20%;
                .swiper-pagination-bullet {
                    width: 10px;
                    height: 10px;
                    background-color: #fff;
                    opacity: .5;
                    margin: 0 5px;
                }
                .swiper-pagination-bullet-active {
                    background-color: #fff;
                    opacity: 1;
                }
            }
        }
        .roomintord-swiper4 {
            margin-top: .75em;
            padding: 0 11em;
            background-color: rgba(0, 0, 0, 0);
            .imgs {
                width: 100%;
                height: 5.5em;
            }
        }
    }
}

@media (max-width:991.98px) {
    .pop-roomlist {
        .pop-roomlist-close {
            top: 3.8rem;
            right: .4rem;
        }
        .boxs {
            width: 89%;
            .roomintord-swiper3 {
                .imgs {
                    width: 100%;
                    height: 4.5rem;
                }
                .roomintord-swiper3-pagination {
                    bottom: -10%;
                }
            }
            .roomintord-swiper4 {
                padding: 0;
            }
        }
    }
}

.pop-order {
    display: none;
    width: 100%;
    height: 50em;
    position: fixed;
    top: 0;
    left: 0;
    width: 100VW;
    height: 100VH;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.6);
    .pop-roomlist1-close {
        position: fixed;
        top: 2em;
        right: 2em;
        width: 2.7em;
        height: 2.7em;
        border-radius: 50%;
        border: solid 1px #0b573e;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        background-color: #3c3c3c;
        .bi {
            width: 0.85em;
            height: 0.85em;
            color: #fff;
        }
    }
    .pop-order-tit {
        margin-bottom: 2.25em;
        .tit {
            font-size: 1.6em;
            line-height: 1;
            color: #0b573e;
        }
    }
    .bgk {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 32em;
        background: no-repeat center;
        background-size: cover;
    }
    .boxs {
        padding: 4em 0 8em 8em;
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        background-color: #fff;
    }
    .form-roomlist {
        width: 25em;
        // border: 1px solid #000;
        .row-item {
            padding: 0 !important;
        }
        .form-group {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            .week-box {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .week {
                font-size: .7em;
                line-height: 1;
                color: #999;
            }
            #applyBydate {
                width: 22.3em;
                border: 0;
                font-size: .8em;
                color: #333;
                text-align: right;
                padding-left: 1.7em;
                padding-right: 1.2em;
                background-color: rgba(0, 0, 0, 0);
            }
            #applyBydate::placeholder {
                color: #333;
            }
            .week-after {
                position: relative;
            }
            .week-after::after {
                position: absolute;
                content: '';
                width: 16px;
                height: 8px;
                top: 50%;
                right: 0;
                background: no-repeat center;
                background-size: contain;
                background-image: url(/img/images/down.svg);
            }
            // #applyBydate .option {
            //     font-size: .8em;
            //     line-height: 1;
            // }
            #applyClassify {
                font-size: .8em;
                line-height: 1;
                text-align: right;
                padding-right: 0;
            }
            .num {
                font-size: .8em;
                line-height: 1;
                color: #999;
            }
            #applyClassify {
                width: 20.3em;
                border: 0;
                font-size: .8em;
                background-color: rgba(0, 0, 0, 0);
            }
            .choseDay::placeholder {
                text-align: right;
            }
            .choseDay {
                text-align: right;
            }
            .control-label {
                font-size: .8em;
                line-height: 1;
                color: #333;
            }
            .form-control {
                width: 20em;
                height: 2.5em;
            }
            input {
                font-size: 1em;
                line-height: 1;
                color: #999;
                border-radius: 0%;
            }
            input::placeholder {
                font-size: .8em;
                line-height: 1;
                color: #999;
            }
        }
        .frm-vcode {
            .flex {
                flex-wrap: nowrap !important;
            }
            .inpt {
                input {
                    width: 14em;
                }
            }
            .vcode-imgs {
                width: 5.5em;
                margin-left: .5em;
                img {
                    width: 5.5em;
                    margin-left: .5em;
                    object-fit: cover;
                    margin-left: 0;
                }
            }
        }
        .form-btnbox {
            width: 8em;
            height: 2.3em;
            border-radius: 3px;
            background-color: #0b573e;
            .btn-submit {
                width: 100%;
                height: 100%;
                font-size: .9em;
                line-height: 1;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
}

@media (max-width:991.98px) {
    .pop-order {
        .pop-roomlist1-close {
            top: 1.6rem;
            right: 0.4rem;
        }
        .boxs {
            padding: .5rem 0.3rem;
            position: absolute;
            width: 89%;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            background-color: #fff;
        }
        .form-roomlist {
            .form-group {
                display: block;
                margin-bottom: .2rem;
                #applyBydate {
                    width: 4rem;
                    font-size: .3rem;
                }
                #applyBydate::placeholder {
                    font-size: .26rem;
                }
                #applyClassify {
                    width: 4rem;
                    color: #333;
                    text-align: left;
                }
                .control-label {
                    font-size: .3rem;
                    margin-bottom: .3rem;
                }
                .form-control {
                    padding-left: .2rem;
                }
                .num {
                    font-size: .26rem;
                }
                input::placeholder {
                    font-size: .28rem;
                }
            }
            .week-box {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
        }
    }
}

// 在线看房 结束
// 看房详情 开始
.p-roomintord {
    .main-box {
        padding: 4em 0 6em;
    }
    .serve-tit .tit {
        color: #333;
    }
}

@media (max-width:991.98px) {
    .p-roomintord {
        .main-box {
            padding: .5rem 0 1rem;
        }
    }
}

.channel25 {
    .global-paging {
        height: auto;
        margin-bottom: 1em;
    }
    .boxs {
        display: flex;
        display: -webkit-flex;
        // align-items: center;
        // -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .lefts {
        width: 43.75%;
        .roomintord-swiper1,
        .roomintord-swiper2 {
            position: relative;
            overflow: hidden;
            .imgs {
                overflow: hidden;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
        .roomintord-swiper1 {
            .imgs {
                width: 100%;
                height: 17.5em;
            }
        }
        .roomintord-swiper2 {
            margin-top: .75em;
            .imgs {
                width: 100%;
                height: 5.5em;
            }
        }
    }
    .rights {
        width: 56.25%;
        padding-left: 2em;
        border-top: 1px solid #e6e6e6;
        .btn-box {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            margin-top: 1.5em;
            .condition {
                width: 4.28em;
                height: 1.714em;
                color: #ff7400;
                font-size: .7em;
                line-height: 1.714em;
                margin-right: 0.71em;
                border-radius: 4px;
                background-color: rgba(255, 116, 0, 0.15);
                text-align: center;
            }
            .condition-ed {
                color: #999999;
                background-color: #e6e6e6;
            }
        }
        .price {
            display: flex;
            align-items: flex-end;
            margin-top: .8em;
            .tit {
                font-size: 1.8em;
                line-height: 1;
                color: #ff7400;
                // display: block;
                font-weight: bold;
            }
            .money {
                font-size: .7em;
                line-height: 1;
                color: #ff7400;
            }
        }
        .bd {
            margin-top: 1.4em;
            padding: 1.2em 0 2.2em;
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            .location {
                height: 3.75em;
                font-size: .8em;
                line-height: 1.875;
                color: #666;
                padding-left: 1.5em;
                position: relative;
                display: flex;
                .location-d {
                    display: inline-block;
                }
                span {
                    width: 90%;
                    // display: -webkit-box;
                    display: inline-block;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                }
            }
            .location::before {
                position: absolute;
                content: '';
                top: 7px;
                top: calc( ( 3.75em - 16px) * 0.15);
                left: 0;
                width: 16px;
                height: 16px;
                background: no-repeat center;
                background-size: contain;
                background-image: url(/img/images/location.svg);
            }
            .tower {
                font-size: .8em;
                line-height: 1.875;
                color: #666;
                padding-left: 1.5em;
                position: relative;
                span {
                    width: 90%;
                    // display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
            }
            .tower::before {
                position: absolute;
                content: '';
                top: 7px;
                top: calc( ( .8em - 0px) * 0.5);
                left: 0;
                width: 16px;
                height: 16px;
                background: no-repeat center;
                background-size: contain;
                background-image: url(/img/images/tower.svg);
            }
            .room {
                width: 8em;
                height: 2em;
                margin-top: 1.2em;
                background-color: #fff;
                border-radius: 4px;
                border: 1px solid #0b573e;
                text-align: center;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                .docx {
                    width: 100%;
                    font-size: .8em;
                    line-height: 1.875;
                    color: #0b573e;
                    text-align: center;
                    a {
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
        .order {
            margin-top: 1.5em;
            display: flex;
            display: -webkit-flex;
            .del {
                width: 59%;
                height: 4.5em;
                padding: 1.2em 0 0 1.2em;
                color: #009768;
                background-color: rgba(0, 151, 104, 0.08);
                .tit {
                    font-size: .8em;
                    line-height: 1;
                    margin-bottom: .625em;
                }
                .num {
                    font-size: 1.2em;
                    line-height: 1;
                    font-weight: bold;
                }
            }
            .look {
                width: 41%;
                height: 4.5em;
                background-color: #009768;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                justify-content: center;
                -webkit-justify-content: center;
                -webkit-align-items: center;
                a {
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    justify-content: center;
                    -webkit-justify-content: center;
                    -webkit-align-items: center;
                }
                img {
                    width: 1.2em;
                    height: 1.2em;
                    margin-right: .5em;
                    object-fit: contain;
                }
                .doc {
                    font-size: 1.2em;
                    line-height: 1;
                    color: #fff;
                }
            }
        }
    }
}

@media (max-width:1660px) {
    .channel25 .rights .bd .tower::before {
        position: absolute;
        content: '';
        top: 7px;
        top: calc( ( .8em - 6px) * 0.5);
        left: 0;
        width: 16px;
        height: 16px;
        background: no-repeat center;
        background-size: contain;
        background-image: url(/img/images/tower.svg);
    }
}

@media (max-width:991.98px) {
    .channel25 {
        .global-inner {
            padding: 0 !important;
        }
        .global-paging {
            .ctrl {
                span {
                    display: none;
                }
            }
        }
        .boxs {
            display: block;
        }
        .lefts {
            width: 100%;
        }
        .rights {
            width: 100%;
            padding-left: 0;
            .btn-box {
                .condition {
                    font-size: .3rem;
                }
            }
            .price {
                .tit {
                    font-size: .6rem;
                }
                .money {
                    font-size: .26rem;
                }
            }
            .bd {
                margin-top: .3rem;
                padding: .5rem 0 .6rem;
                .location {
                    height: auto;
                    font-size: .28rem;
                }
                .tower::before,
                .location::before {
                    top: 5px;
                }
                .tower {
                    font-size: .28rem;
                }
                .room {
                    width: 3rem;
                    height: .8rem;
                    .docx {
                        font-size: .3rem;
                    }
                }
            }
            .order {
                margin-top: .5rem;
                display: block;
                .del {
                    padding: .3rem;
                    width: 100%;
                    text-align: center;
                    .tit {
                        font-size: .3rem;
                        .num {
                            font-size: .36rem;
                        }
                    }
                }
                .look {
                    width: 100%;
                    margin-top: .3rem;
                    .doc {
                        font-size: .4rem;
                    }
                }
            }
        }
    }
}

// 看房详情 结束
// 一房一价 开始
.channel25 {
    .table-box {
        width: 100%;
        padding: 1em;
        background-color: #f7f7f7;
        border: 1px solid #e6e6e6;
    }
    .table {
        width: 100%;
        margin-bottom: 0;
        background-color: #fff;
        table {
            width: 100%;
            border: 0;
        }
        tr:last-child {
            td {
                border-bottom: 0;
            }
        }
        th {
            width: 20%;
            font-size: .8em;
            line-height: 1.75;
            font-weight: bold;
            color: #333;
            border: 0;
            text-align: center;
            background-color: #f7f7f7;
        }
        td {
            font-size: .8em;
            line-height: 1.375;
            color: #333;
            border: 0;
            text-align: center;
            border-bottom: 1px solid #e6e6e6;
        }
        .condition {
            width: 5.5em;
            height: 1.7em;
            margin: 0 auto;
            border-radius: 3px;
            display: flex;
            align-items: center;
            justify-content: center;
            .doc {
                font-size: .8em;
                line-height: 1;
                color: #fff;
            }
        }
        .condition-ed {
            background-color: #999;
        }
        .condition-img {
            background-color: #009768;
        }
    }
}

@media (max-width:991.98px) {
    .channel25 {
        .table {
            overflow-x: scroll;
            table {
                width: 190%;
            }
            th {
                width: 20%;
                padding: .3rem .1rem;
                font-size: .3rem;
                line-height: .4rem;
                font-weight: bold;
                color: #333;
                border: 0;
                text-align: center;
                background-color: #f7f7f7;
            }
            td {
                padding: .3rem .1rem;
                font-size: .3rem;
                line-height: .4rem;
                color: #333;
                border: 0;
                text-align: center;
                border-bottom: 1px solid #e6e6e6;
            }
            .condition {
                width: 5.5em;
                height: 1.7em;
                margin: 0 auto;
                border-radius: 3px;
                display: flex;
                align-items: center;
                justify-content: center;
                .doc {
                    font-size: .8em;
                    line-height: 1;
                    color: #fff;
                }
            }
            .condition-ed {
                background-color: #999;
            }
            .condition-img {
                background-color: #009768;
            }
        }
    }
}

// 一房一价 结束
// 互动服务 结束
.channel26 {
    .item {
        display: flex;
        .box1 {
            // display: flex;
            width: 25%;
            .imgs {
                width: 100%;
            }
        }
        .bd {
            .location {
                display: flex;
                span {
                    width: 94%;
                }
            }
            .tower {
                display: flex;
                span {
                    width: 94%;
                    height: 3.75em;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
            }
        }
        .btn-box {
            margin-top: 2.2em;
        }
    }
}

@media (max-width:991.98px) {
    .channel26 {
        .item {
            display: block;
            .box1 {
                width: 25%;
                .imgs {
                    width: 100%;
                }
            }
            .bd {
                .location {
                    display: flex;
                    span {
                        width: 80%;
                    }
                }
                .tower {
                    display: flex;
                    span {
                        width: 80%;
                        height: auto;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 4;
                        overflow: hidden;
                    }
                }
            }
            .btn-box {
                margin-top: 2.2em;
            }
        }
    }
}

.pop-pipe {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100VW;
    height: 100VH;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.6);
    .pop-pipe-close {
        position: fixed;
        top: 2em;
        right: 2em;
        width: 2.7em;
        height: 2.7em;
        border-radius: 50%;
        border: solid 1px #0b573e;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        background-color: #3c3c3c;
        .bi {
            width: 0.85em;
            height: 0.85em;
            color: #fff;
        }
    }
    .pop-order-tit {
        position: relative;
        margin-bottom: 2.25em;
        .tit {
            font-size: 1.6em;
            line-height: 1;
            color: #0b573e;
        }
    }
    .bgk {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30em;
        height: 7.3em;
        background: no-repeat center;
        background-size: cover;
    }
    .boxs {
        padding: 4em 5em 6.5em;
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        position: relative;
        background-color: #fff;
    }
    .form-pipes {
        width: 100%;
        // border: 1px solid #000;
        .row {
            justify-content: space-between;
            -webkit-justify-content: space-between;
            .row-item {
                padding: 0 !important;
            }
            .row-item:nth-child(1) {
                padding: 0 !important;
                padding-right: 2.5em!important;
            }
            .row-item:nth-child(2) {
                padding: 0 !important;
                padding-left: 2.8em!important;
            }
        }
        .row.classify {
            padding-bottom: 0em;
            margin-bottom: 1.75em;
            border-bottom: 1px solid #e6e6e6;
            // .row-item:nth-child(2) {
            //     padding: 0 !important;
            // }
        }
        .form-group {
            margin-bottom: 0.75em;
            display: flex;
            display: -webkit-flex;
            align-items: baseline;
            -webkit-align-items: baseline;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            .week-box {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .week {
                font-size: .7em;
                line-height: 1;
                color: #999;
            }
            #applyBydate1 {
                width: 17em;
                border: 0;
                font-size: .8em;
                color: #333;
                padding-right: 1.5em !important;
                padding-left: 1.7em;
                background-color: rgba(0, 0, 0, 0);
            }
            #applyBydate1::placeholder {
                font-size: 1em;
                color: #333;
                text-align: right;
            }
            .week-after {
                position: relative;
            }
            .week-after::after {
                position: absolute;
                content: '';
                width: 16px;
                height: 8px;
                top: 50%;
                right: 0;
                background: no-repeat center;
                background-size: contain;
                background-image: url(/img/images/down.svg);
            }
            // #applyBydate .option {
            //     font-size: .8em;
            //     line-height: 1;
            // }
            #applyClassify {
                font-size: .8em;
                line-height: 1;
            }
            .num {
                font-size: .8em;
                line-height: 1;
                color: #999;
            }
            #applyClassify {
                width: 60%;
                border: 0;
                text-align: right;
                background-color: rgba(0, 0, 0, 0);
            }
            .choseDay::placeholder {
                text-align: right;
            }
            .choseDay {
                text-align: right;
            }
            .form-group-cell {
                width: 79%;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .control-label {
                width: 21%;
                font-size: .8em;
                line-height: 1;
                color: #333;
            }
            .form-control {
                width: 100%;
                height: 2.5em;
                border-radius: 3px;
            }
            input {
                font-size: 1em;
                line-height: 1;
                color: #999;
                border-radius: 0%;
            }
            input::placeholder {
                font-size: .8em;
                line-height: 1;
                color: #999;
            }
        }
        .frm-vcode {
            .flex {
                flex-wrap: nowrap !important;
            }
            .inpt {
                input {
                    width: 11.5em;
                }
            }
            .vcode-imgs {
                width: 5.5em;
                margin-left: .5em;
                img {
                    width: 5.5em;
                    margin-left: .5em;
                    object-fit: cover;
                    margin-left: 0;
                }
            }
        }
        .form-btnbox {
            width: 8em;
            height: 2.3em;
            margin-top: 1em;
            border-radius: 3px;
            background-color: #0b573e;
            .btn-submit {
                width: 100%;
                height: 100%;
                font-size: .9em;
                line-height: 1;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
}

@media (max-width:991.98px) {
    .pop-pipe {
        .pop-order-tit {
            margin-bottom: .5rem;
            .tit {
                font-size: .48rem;
            }
        }
        .pop-pipe-close {
            position: absolute;
            top: .2rem;
            right: 0.2rem;
        }
        .boxs {
            padding: .5rem 0.3rem;
            // position: absolute;
            width: 100%;
            top: 50%;
            // transform: translateY(-50%);
            // -webkit-transform: translateY(-50%);
            background-color: #fff;
            overflow-y: scroll;
            position: relative;
        }
        .form-pipes {
            .row {
                .row-item:nth-child(1) {
                    padding: 0 !important;
                    padding-right: 0em!important;
                }
                .row-item:nth-child(2) {
                    padding: 0 !important;
                    padding-left: 0em!important;
                }
            }
            .form-group {
                // display: block;
                align-items: center;
                margin-bottom: .5rem;
                .form-group-cell {
                    width: 70%;
                }
                #applyBydate {
                    width: 4rem;
                    font-size: .3rem;
                }
                #applyBydate::placeholder {
                    font-size: .26rem;
                }
                #applyBydate1,
                #applyClassify {
                    width: 2.7rem;
                    color: #333;
                    text-align: left;
                }
                .control-label {
                    font-size: .3rem;
                    // margin-bottom: .2rem;
                }
                .form-control {
                    height: .7rem;
                    padding: 0 !important;
                    padding-left: .2rem !important;
                }
                .week,
                .num {
                    font-size: .3rem;
                }
                .week-after::after {
                    top: 40%;
                }
                input::placeholder {
                    font-size: .28rem;
                }
                .help-block {
                    font-size: .26rem;
                    line-height: .36rem;
                    position: absolute;
                    bottom: -.4rem;
                }
            }
            .week-box {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .form-btnbox {
                // .btn-submit {
                width: 3.5rem;
                height: .8rem;
                font-size: .36rem;
                // }
            }
            .frm-vcode .inpt input {
                width: 100%;
                height: .75rem;
            }
        }
    }
}

.channel27 {
    .add-gl-swiper {
        overflow: hidden;
    }
    .swiper3 {
        .bgk {
            display: none;
        }
        .pipedel-swiper2-next,
        .pipedel-swiper2-prev,
        .mb-bgk {
            display: none;
        }
    }
    .boxs {
        display: block;
    }
    .top {
        width: 100%;
        height: 30em;
        display: flex;
        display: -webkit-flex;
        // align-items: center;
        // -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .add-gl-swiper-next::after,
    .add-gl-swiper-prev::after {
        content: '';
    }
    .add-gl-swiper-next,
    .add-gl-swiper-prev {
        top: 28%;
        width: 3em;
        height: 3em;
        border-radius: 50%;
        border: solid 1px #999999;
        .bi {
            width: 30px;
            height: 17px;
            color: #999999;
        }
    }
    .add-gl-swiper-next {
        right: -4.5em;
    }
    .add-gl-swiper-prev {
        left: -4.5em;
    }
    .add-gl-swiper-pagination {}
    .pipedel-swiper1 {
        width: 75%;
        overflow: hidden;
        // .swiper-slide {
        //     width: 100%;
        //     height: 9.5em;
        // }
        .imgs {
            width: 100%;
            height: 30em;
            overflow: hidden;
            position: relative;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .video-slide {
            .act-t,
            .act-t-h {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translateX(-50%);
                transform: translate(-50%, -50%);
            }
            .act-h {
                display: none;
            }
        }
    }
    .pipedel-swiper2 {
        width: 23.75%;
        height: 30em;
        overflow: hidden;
        position: relative;
        // .swiper-wrapper {
        //     flex-wrap: wrap;
        // }
        .swiper-slide {
            width: 100%;
            height: 9.5em;
        }
        .imgs {
            width: 100%;
            height: 9.5em;
            overflow: hidden;
            position: relative;
            .mb-bgk {
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
            }
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .swiper-slide-active {
            .mb-bgk {
                display: none;
            }
        }
        .pipedel-swiper2-next::after,
        .pipedel-swiper2-prev::after {
            content: '';
        }
        .pipedel-swiper2-next,
        .pipedel-swiper2-prev {
            .bi {
                width: 30px;
                height: 17px;
                color: #fff;
            }
        }
        .pipedel-swiper2-next {
            // top: 1em;
            // left: 50%;
            top: auto;
            bottom: 0em;
            left: 50%;
        }
        .pipedel-swiper2-prev {
            // top: auto;
            // bottom: 0em;
            // left: 50%;
            top: 1em;
            left: 50%;
        }
        .bgk {
            position: absolute;
            width: 100%;
            height: 2.5em;
            opacity: .4;
            background-color: #000;
            z-index: 9;
        }
        .bgk-top {
            top: 0;
            left: 0;
        }
        .bgk-bottom {
            bottom: 0;
            left: 0;
        }
    }
    .doc-box {
        margin: 1.65em 0 0;
        padding-bottom: 2.65em;
        border-bottom: 1px solid #e6e6e6;
        .doc {
            font-size: .8em;
            line-height: 1.875em;
            color: #555;
        }
    }
    .end {
        .visit {
            margin-top: 3em;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            .left {
                height: 6.5em;
                width: 78.33%;
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                background-color: rgba(0, 151, 104, 0.08);
                .start-time {
                    display: flex;
                    padding: 1.5em 0 0 1.5em;
                    .start {
                        height: max-content;
                        text-align: center;
                        margin-right: 11em;
                        position: relative;
                    }
                    .start::after {
                        position: absolute;
                        content: '';
                        top: 17%;
                        right: -10em;
                        width: 9em;
                        height: 1px;
                        background-color: #009768;
                    }
                    .start:first-child::after {
                        display: none;
                    }
                    .start:last-child {
                        margin-right: 0;
                    }
                    .start:last-child::after {
                        display: none;
                    }
                    .timer {
                        margin-right: 2.4em;
                    }
                    .num {
                        font-size: .9em;
                        line-height: 1;
                        font-weight: bold;
                        color: #009768;
                    }
                    .tit {
                        font-size: .8em;
                        line-height: 1;
                        margin-top: 0.875em;
                        color: #009768;
                    }
                }
                .tips {
                    display: none;
                    text-align: center;
                    padding: 1.2em 1.75em 0 1.75em;
                    position: relative;
                    img {
                        width: 1.6em;
                        height: 2em;
                        margin-bottom: 1.25em;
                    }
                    .tit {
                        font-size: .9em;
                        line-height: 1;
                        color: #009768;
                    }
                }
                .tips::before {
                    position: absolute;
                    content: '';
                    top: 8%;
                    left: 0;
                    width: 1px;
                    height: 5.5em;
                    background-color: #009768;
                }
            }
            .right {
                width: 21.66%;
                height: 6.5em;
                text-align: center;
                padding-top: 1.2em;
                // display: flex;
                // display: -webkit-flex;
                // align-items: center;
                // -webkit-align-items: center;
                // justify-content: center;
                // -webkit-justify-content: center;
                background-color: #009768;
                img {
                    width: 1.6em;
                    height: 2em;
                    margin-bottom: 1.25em;
                }
                .tit {
                    font-size: .9em;
                    line-height: 1;
                    color: #fff;
                }
            }
        }
    }
    .ends {
        margin-top: 1.65em;
        .bd {
            .location {
                display: flex;
                font-size: .8em;
                line-height: 1.875;
                padding-left: 1.5em;
                color: #333333;
                position: relative;
                span {
                    width: 94%;
                }
            }
            .tower {
                display: flex;
                font-size: .8em;
                line-height: 1.875;
                padding-left: 1.5em;
                color: #333333;
                position: relative;
                span {
                    width: 94%;
                    height: auto;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
            }
            .location::before {
                position: absolute;
                content: '';
                top: 23%;
                left: 0;
                width: 16px;
                height: 16px;
                background: no-repeat center;
                background-size: contain;
                background-image: url(/img/images/location.svg);
            }
            .tower::before {
                position: absolute;
                content: '';
                top: 23%;
                left: 0;
                width: 16px;
                height: 16px;
                background: no-repeat center;
                background-size: contain;
                background-image: url(/img/images/tower.svg);
            }
        }
    }
}

@media (max-width:1660px) {
    .location::before {
        position: absolute;
        content: '';
        top: 12% !important;
        left: 0;
        width: 16px;
        height: 16px;
        background: no-repeat center;
        background-size: contain;
        background-image: url(/img/images/location.svg);
    }
    .tower::before {
        position: absolute;
        content: '';
        top: 12% !important;
        left: 0;
        width: 16px;
        height: 16px;
        background: no-repeat center;
        background-size: contain;
        background-image: url(/img/images/tower.svg);
    }
}

@media (max-width:991.98px) {
    .channel27 {
        .top {
            height: auto;
            display: block;
        }
        .add-gl-swiper {
            position: relative;
            .swiper-pagination-bullet {
                background-color: rgba(0, 0, 0, 0);
                border: 1px solid #0b573e;
                border-radius: 50%;
            }
            .swiper-pagination-bullet-active {
                background-color: #0b573e;
            }
        }
        .pipedel-swiper1 {
            width: 100%;
            .imgs {
                height: 4rem;
            }
        }
        .pipedel-swiper2 {
            width: 100%;
            height: auto;
            margin-top: .3rem;
            .pipedel-swiper2-next,
            .pipedel-swiper2-prev {
                .bi {
                    width: 30px;
                    height: 17px;
                    color: #fff;
                }
            }
            .pipedel-swiper2-next {
                top: 50%;
                left: auto;
                right: 2%;
                transform: rotate(90deg);
            }
            .pipedel-swiper2-prev {
                top: 50%;
                left: 2%;
                transform: rotate(90deg);
            }
            .bgk {
                display: none;
                position: absolute;
                width: .7rem;
                height: 100%;
                opacity: .4;
                background-color: #000;
                z-index: 9;
            }
            .bgk-top {
                top: 0;
                left: 0;
            }
            .bgk-bottom {
                bottom: 0;
                left: 0;
            }
        }
        .doc-box {
            margin-top: .4rem;
            padding-bottom: .6rem;
            .doc {
                font-size: .3rem;
                line-height: 1.5;
            }
        }
        .end {
            .visit {
                display: block;
                margin-top: .7rem;
                .left {
                    width: 100%;
                    // display: block;
                    .start-time {
                        padding: .3rem 0 0 .3rem;
                        .num {
                            font-size: .3rem;
                        }
                        .tit {
                            font-size: .26rem;
                        }
                        .start {
                            margin-right: .26rem;
                        }
                        .start::after {
                            display: none;
                        }
                    }
                    .tips {
                        padding: .3rem .3rem 0 0rem;
                    }
                    .tips::before {
                        display: none;
                    }
                }
                .right {
                    width: 100%;
                    height: 2rem;
                    img {
                        width: .6rem;
                        height: .6rem;
                    }
                    .tit {
                        font-size: .3rem;
                    }
                }
            }
        }
        .ends {
            .bd {
                .location {
                    height: auto;
                    font-size: .28rem;
                    span {
                        width: 86%;
                    }
                }
                .tower::before,
                .location::before {
                    top: 5px;
                }
                .tower {
                    font-size: .28rem;
                    span {
                        width: 86%;
                    }
                }
            }
        }
    }
}

.channel28 {
    background-color: #f7f7f7;
    .doc {
        padding: 2.5em 0;
        p {
            font-size: .9em;
            line-height: 2;
            color: #333;
            text-indent: 2em;
        }
        span {
            font-weight: bold;
            color: #000;
        }
    }
}

@media (max-width:991.98px) {
    .channel28 {
        .doc {
            padding: .5rem 0;
            p {
                font-size: .3rem;
                line-height: .56rem;
            }
            span {
                font-weight: bold;
                color: #000;
            }
        }
    }
}

.p-collect {
    .main-box {
        margin-top: 1.5em;
    }
    .crumbs-new {
        margin-top: 4.5em;
    }
    .imgs-bgk {
        width: 100%;
        height: auto;
        img {
            width: 100%;
            height: 22em;
            object-fit: cover;
        }
    }
}

@media (max-width:991.98px) {
    .p-collect {
        .main-box {
            margin-top: .2rem;
        }
        .crumbs-new {
            margin-top: 1.2rem;
        }
        .imgs-bgk {
            height: auto;
            img {
                height: 2.5rem;
                object-fit: cover;
            }
        }
    }
}

.channel29 {
    margin-top: 4em;
    .global-inner {
        padding: 0 15em;
    }
    .form-collect {
        .row {
            margin-bottom: 1.4em;
        }
        .row-item {
            padding: 0;
        }
        .control-label {
            font-size: 1.5em;
            line-height: 1.2;
            font-weight: bold;
            color: #333;
            margin-bottom: 1em;
            span {
                color: #0b573e;
            }
        }
        .form-group {
            padding: 0;
        }
        .form-group-cell {
            input {
                font-size: 1em;
                height: 3.5em;
            }
        }
        .input-sr {
            width: 100%;
            height: 13.88em;
            font-size: .9em;
            padding: 1.11em 0 0 1.1em;
            line-height: 2;
            background-color: #f1f5f4;
            border-radius: 5px;
        }
        .input-sr::placeholder {
            font-size: .9em;
            line-height: 2;
            color: #999;
        }
        .flex {
            justify-content: space-between;
        }
        input::placeholder {
            font-size: .9em;
            line-height: 1;
            color: #999;
        }
        .frm-vcode {
            input {
                width: 21.5em;
            }
        }
        .vcode-imgs {
            width: 26.66%;
            height: 3.5em;
            border-radius: 5px;
            overflow: hidden;
            background-color: #e4e4e4;
        }
        .btnbox {
            height: 4em;
            border-radius: 5px;
            background-color: #999;
            // background-color: #0b573e;
            .form-btnbox {
                width: 100%;
                height: 100%;
            }
            .btn-submit {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.5em;
                line-height: 1;
                font-weight: bold;
                color: #fff;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel29 {
        margin-top: .5rem;
        .form-collect {
            .row {
                margin-bottom: .5rem;
            }
            .row-item {
                padding: 0;
            }
            .control-label {
                font-size: .36rem;
                line-height: 1.2;
                font-weight: bold;
                color: #333;
                margin-bottom: .3rem;
                span {
                    color: #0b573e;
                }
            }
            .form-group {
                padding: 0;
            }
            .form-group-cell {
                input {
                    font-size: .26rem;
                    height: .8rem;
                }
            }
            .input-sr {
                width: 100%;
                height: 3rem;
                font-size: .28rem;
                padding: .2rem 0 0 .3rem;
                line-height: 2;
            }
            .input-sr::placeholder {
                font-size: .28rem;
                line-height: 2;
            }
            .flex {
                justify-content: space-between;
            }
            input::placeholder {
                font-size: .28rem;
                line-height: 1;
            }
            .frm-vcode {
                .inpt {
                    width: 65%;
                }
                input {
                    width: 100%;
                }
            }
            .vcode-imgs {
                width: 30%;
                height: .8rem;
                border-radius: 5px;
                overflow: hidden;
                background-color: #e4e4e4;
            }
            .btnbox {
                height: 1.2rem;
                .form-btnbox {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .btn-submit {
                    font-size: .5rem;
                    line-height: 1.5;
                    font-weight: bold;
                    color: #fff;
                }
            }
        }
    }
}

.p-consult {
    // .main-box {
    //     padding: 4em 0;
    // }
    .global-paging {
        margin-top: 2em;
    }
}

@media (max-width:991.98px) {
    .p-consult {
        .main-box {
            padding: .6rem 0 1rem;
        }
        .global-paging {
            margin-top: .6rem;
        }
    }
}

.channel31 {
    .list1 {
        margin-bottom: 3em;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        .item {
            width: 31.66%;
            padding: 2em 5em 2.5em;
            background-color: #fff;
            box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
        }
        .box {
            width: 100%;
            height: 100%;
        }
        .imgs {
            width: 3em;
            height: 3em;
            margin: 0 auto;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
            }
        }
        .bd {
            text-align: center;
        }
        .tit {
            font-size: 1em;
            line-height: 1.8;
            margin-top: 1.5em;
            color: #333333;
        }
        .doc {
            font-size: 1.2em;
            line-height: 1.5;
            color: #333333;
            margin-top: 4px;
        }
    }
    .list {
        .item {
            padding: 1.1em 0 1.1em 0em;
            border-top: 1px solid #e6e6e6;
        }
        .item:last-child {
            border-bottom: 1px solid #e6e6e6;
        }
        .question {
            padding-left: 3em;
            position: relative;
            .imgs {
                position: absolute;
                left: 0;
                top: 12%;
                // width: 1.35em;
                // height: 1.35em;
            }
            .tit {
                position: relative;
                display: flex;
                align-items: center;
                font-size: .9em;
                line-height: 2;
                color: #0b573e;
                span {
                    width: 90%;
                }
            }
            .jia {
                display: block;
                position: relative;
                margin-left: auto;
                width: 1em;
                height: 1em;
            }
            .jia:before {
                content: "";
                display: block;
                width: 1em;
                height: 2px;
                background: #999;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }
            .jia:after {
                content: "";
                display: block;
                width: 2px;
                height: 1em;
                background: #999;
                position: absolute;
                left: 50%;
                top: 0;
                transform: translateX(-50%);
            }
        }
        .reply {
            margin-top: 1.2em;
            display: none;
            padding-left: 3em;
            position: relative;
            .imgs {
                position: absolute;
                left: 0;
                top: 3%;
                // width: 1.35em;
                // height: 1.35em;
            }
            .doc {
                font-size: .8em;
                line-height: 1.875;
                color: #666;
            }
        }
    }
    .channel31-active {
        .question {
            .jia:after {
                display: none;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel31 {
        .list1 {
            margin-top: .4rem;
            margin-bottom: .8rem;
            display: block;
            .item {
                width: 100%;
                margin-bottom: .5rem;
                padding: 2em 5em 2.5em;
                background-color: #fff;
                box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
            }
            .imgs {
                width: 1.2rem;
                height: 1.2rem;
                margin: 0 auto;
                overflow: hidden;
            }
            .tit {
                font-size: .3rem;
                line-height: 1.8;
                margin-top: 1.5em;
                color: #333333;
            }
            .doc {
                font-size: .36rem;
                line-height: 1.5;
                margin-top: 4px;
            }
        }
        .list {
            .item {
                padding: .3rem 0em;
            }
            .question {
                padding-left: .7rem;
                .imgs {
                    left: 0;
                    top: 10%;
                    img {
                        width: .4rem;
                        height: .4rem
                    }
                }
                .tit {
                    font-size: .28rem;
                    line-height: 1.5;
                    color: #0b573e;
                    span {
                        width: 90%;
                    }
                }
                .jia {
                    display: block;
                    position: relative;
                    margin-left: auto;
                    width: .3rem;
                    height: .3rem;
                }
                .jia:before {
                    content: "";
                    display: block;
                    width: .3rem;
                    height: 2px;
                    background: #999;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                }
                .jia:after {
                    content: "";
                    display: block;
                    width: 2px;
                    height: .3rem;
                    background: #999;
                    position: absolute;
                    left: 50%;
                    top: 0;
                    transform: translateX(-50%);
                }
            }
            .reply {
                margin-top: .4rem;
                padding-left: 0.7rem;
                .imgs {
                    position: absolute;
                    left: 0;
                    top: 2%;
                    img {
                        width: .4rem;
                        height: .4rem
                    }
                }
                .doc {
                    font-size: .28rem;
                    line-height: 1.8755;
                }
            }
        }
        .channel31-active {
            .question {
                .tit {
                    color: #0b573e;
                }
                .jia:after {
                    display: none;
                }
            }
        }
    }
}

.green1 .channel29 .form-collect .btnbox {
    background-color: #0b573e;
}

.frm-check-box input[type='radio']:after {
    margin: 0 !important;
    transform: translate(-50%, -50%);
}

.p-qlgqlist2 .pop-projec {
    .pop-projec-swiper-next,
    .pop-projec-swiper-prev {
        width: auto;
        height: auto;
        border: 0;
        .bi {
            width: 17px;
            height: 33px;
            color: #fff;
            filter: drop-shadow(0px 2px 0.5px #000);
            opacity: .5;
        }
    }
}